有什么方法可以删除活动表单中“提交”按钮周围的IE黑色边框？

小编典典

有什么方法可以删除活动表单中“提交”按钮周围的IE黑色边框？

css

我正在实现一个使用自定义样式的提交按钮的设计。它们是浅灰色的按钮，外部边框略深：

input.button {
    background: #eee;
    border: 1px solid #ccc;
}

这在Firefox，Safari和Opera中看起来恰到好处。问题出在Internet Explorer 6和7上。

由于表单是页面上的第一个表单，因此它被视为主要表单-因此从一开始就处于活动状态。活动表单中的第一个提交按钮在IE中收到一个纯黑色边框，以将其标记为主要动作。

如果我关闭边框，那么IE中的黑色多余边框也会消失。我正在寻找一种方法来保持我的正常边框，但删除轮廓。

阅读 332

2020-05-16

共1个答案

小编典典

好吧，这在这里工作：

<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>

2020-05-16