Select/option html tag dotted outline проблема в firefox
button::-moz-focus-inner { border: 0; }
работает для кнопок...
как насчет тега select
/option
html?
Я пробую все, что здесь:
Как удалить пунктирную схему Firefox на BUTTONS, а также ссылки?
но я открываю новый вопрос, потому что речь идет о кнопках...
Ответы
Ответ 1
select:-moz-focusring { color: transparent; }
Это работает. Странно, потому что элемент, который вы видите, :-moz-focusring
, но даже если вы используете перезапись свойств outline
или border
, пунктирная линия не исчезнет. Поскольку цвет пунктирной линии зависит от цвета select
, вы можете использовать этот псевдоселектор, чтобы поместить прозрачный цвет (и сделать его невидимым), но все еще имеют исходный цвет в тексте окна выбора.
Ответ 2
select, option {
border: 0 none;
outline: 1px none;
}
всегда работает для меня.
Ответ 3
Вы пробовали
select, option {outline:0}
Ответ 4
Как и в Firefox 11.0, пунктирная схема вокруг элементов выбора, опции и кнопки больше не существует, насколько я могу судить по тестам, выполненным в Win7 с FF 11.0, а под Ubuntu 12.04 с FF 12.0.
Также заметили, что вокруг ссылок, таких как номера страниц поиска результатов поиска Google, пунктирная схема не отображается для тех же версий Firefox.
Кажется, проблема связана с Mozilla Firefox.
Сделал это Fiddle, чтобы проверить его!
Ответ 5
Попробуйте следующее:
select, option {
border: 0 none;
outline: 1px none;
}