Удалить подсветку поля формы Firefox? ⇐ CSS

[Anonymous]

У меня возникла проблема с полями формы Firefox. Они внезапно подсвечиваются ярким, уродливым синим цветом, и я пытаюсь вернуть им исходную, более чистую пунктирную линию. На самом деле, на данный момент из всех модификаций CSS, которые я пробовал, я бы согласился вообще ни на одну или на изменение цвета и размера.
О чём я говорю:


Что я мне нравится:


Какой код я использовал в userChrome.css/userContent.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?

Подробнее здесь: https://stackoverflow.com/questions/792 ... -highlight