Выбор / опция HTML-тег тега пунктирная проблема в Firefox

Question

button::-moz-focus-inner { border: 0; } работает для кнопок ...

как насчет select / option HTML-тега?

я пробую все, что здесь: Как удалитьПунктирная схема Firefox на КНОПКАХ, а также на ссылках?

, но я открываю новый вопрос, потому что речь идет о кнопках ...

Answer 1

  select, option {
        border: 0 none;
        outline: 1px none;
    }

всегда работает для меня.

Answer 2

select:-moz-focusring { color: transparent; }

Это работает. Это странно, потому что элемент, который вы видите - :-moz-focusring, но даже если вы используете перезапись свойств outline или border, пунктирная линия не исчезнет. Поскольку цвет пунктирной линии зависит от цвета select, вы можете использовать этот псевдоселектор, чтобы поместить прозрачный цвет (и сделать его невидимым), но при этом оставить исходный цвет в тексте поля выбора.

Answer 3

Попробуйте это:

    select, option {
        border: 0 none;
        outline: 1px none;
    }

Answer 4

Начиная с Firefox 11.0, пунктирный контур вокруг элементов select, option и button больше не существует, насколько я могу судить по тестам, выполненным в Win7 с FF 11.0 и в Ubuntu 12.04с FF 12.0 .

Также заметил, что вокруг ссылок, подобных ссылочным номерам в результатах поиска Google, пунктирный контур не отображается для тех же версий Firefox.

Кажется, чтопроблема, решаемая Mozilla Firefox.

Сделал это Скрипка , чтобы проверить это!

Answer 5

Вы пробовали

select, option {outline:0}