css – 任何方式删除IE的黑色边框提交按钮在活动窗体?

前端之家收集整理的这篇文章主要介绍了css – 任何方式删除IE的黑色边框提交按钮在活动窗体?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在实现一个使用自定义样式提交按钮的设计。他们只是浅灰色的按钮,有一个稍深的外边框:
input.button {
    background: #eee;
    border: 1px solid #ccc;
}

这看起来正好在Firefox,Safari和Opera。问题是与Internet Explorer,6和7。

由于表单是页面上的第一个,它被计为主窗体,因此从活动的开始。活动窗体中的第一个提交按钮在IE中接收纯黑色边框,以将其标记为主要操作。

如果我关闭边界,那么IE中的黑色额外边框也会消失。我正在寻找一种方式保持我的正常边框,但删除大纲。

解决方法

这在这里工作:
<html>
    <head>
        <style type="text/css">
            span.button {
                background: #eee;
                border: 1px solid #ccc;
            }

            span.button input {
                background:none;
                border:0;
                margin:0;
                padding:0;
            }   
        </style>
    </head>
    <body>
        <span class="button"><input type="button" name="..." value="Button"/></span>
    </body>
</html>
原文链接:https://www.f2er.com/css/222163.html

猜你在找的CSS相关文章