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;
    }