0

这是问题，我有一个输入字段，我设置：

outline: none !important;

在 Chrome 中，当我输入一些字母时，它工作正常。但是，当我在 Firefox 中测试它时，会出现紫色焦点边框。

如何禁用它？

这是html文件：

    <html>
    <head>
    <style type="text/css">

    .input-large{

    position: absolute;
    width: 800px;
    margin: 0 auto;;
    background: transparent;
    font-size: 150px;
    text-align: left;
    border: 0;
    letter-spacing: 35px;
    outline: none !important;
    font-family: Courier New !important;


    }

    </style>
    </head>
    <body>


    <input class="input-large" type="text" pattern="[0-9]*" maxlength="5" size="5" autofocus>


    </body>
    </html>
4

2 回答 2

0 
input {
     -moz-box-shadow: none;
}

在 Mozilla Firefox 中将输入框阴影设为无。尝试使用它，它对我来说很好。

于 2013-08-15T06:44:03.440 回答
0

每个input字段都有一个:invalid与之关联的属性，默认情况下，它在 Firefox 中呈现为红色轮廓/阴影。

要覆盖它，请在您的 CSS 中添加以下代码

.input-large:invalid
    {
    box-shadow: 0 0 0 white;
   -moz-box-shadow: 0 0 0 white;
    }

问候

湿婆

于 2013-08-15T07:10:40.270 回答