html - 焦点上的输入文本区域删除橙色边框？

Question

我已经尝试了我能想到的一切来删除它。如何在焦点边框上删除这个疯狂的 Firefox？当我单击输入区域时，它将以橙色边框突出显示。

这是我的 CSS

.noFocus:focus {
outline: none !important;
border: none !important;
-moz-appearance:none;
}

和

textarea:focus, input:focus{
    outline: none;
    border: none !important;
-moz-appearance:none;
}

Answer 1

!important在和之间留一个空格;，如下所示：

outline: none !important ;

这可能是原因。

Answer 2

这适用于您遇到的问题-

input, select, textarea, button {
    -moz-box-shadow:none;
}

Answer 3

试试这个希望这有效：

input:invalid {outline: none;
    border: none !important;
-moz-appearance:none;}