删除 Firefox 表单字段突出显示？

Question

我在使用 Firefox 表单字段时遇到了这个问题。它们突然以明亮、丑陋的蓝色突出显示，我试图将其恢复到原来的、更干净的虚线。实际上，在这一点上，从我一直在尝试的所有 css 修改来看，我会满足于根本不修改或更改颜色和大小。

我在说什么：

我想要什么：

我在 UserChrome.css 中使用了哪些代码：

button {
    -webkit-tap-highlight-color:transparent;
    -moz-tap-highlight-color:transparent;
    -o-tap-highlight-color:transparent;
    tap-highlight-color:transparent;
}

input:focus {outline:none;}

input[type=text]:focus {outline:none;}

input {border:0; outline:none;}

input {box-shadow:none;}

input:focus {
outline: none !important;
border: none important!
border-color: #ccc;
box-shadow: none important!
}

@-moz-document url-prefix("http://"), url-prefix("https://") {
    input[type="text"], input[type="password"] {
    outline: none !important;}

input[type="checkbox"], *:focus {
    accent-color: transparent !important;}

input:focus, select:focus, textarea:focus, button:focus, input {
    accent-color: transparent !important;
    outline: none !important;
}

我还尝试在 about:config:

中修改以下内容

browser.display.focus_ring_on_anything
browser.display.focus_ring_width
browser.display.always_show_rings_after_key_focus

没有任何效果。我要把我的头发拔出来。蓝色突出显示令人不安且花哨，更不用说弄乱了页面的风格。我希望该元素消失，不需要，或者至少改变颜色。如果不再使用 Firefox，我该如何做到这一点？

Answer 1

您可以尝试为所有输入字段添加

-moz-appearance:none;

。这应该关闭样式并强制执行标准化的原始外观。