Как удалить пунктирные линии в раскрывающемся списке SELECT / OPTION в Firefox?

В Chrome и других браузерах мое раскрывающееся меню выглядит нормально :

enter image description here

Однако в Firefox нежелательные пунктирные строки:

enter image description here

Я успешно удалил нежелательные пунктирные линии Firefox для элементов кнопок и input с помощью этих операторов CSS:

button::-moz-focus-inner { border: 0; }
input::-moz-focus-inner { border: 0; }

, поэтому я подумал, что они будут работать для элементов select / option, но они этого не делают:

select::-moz-focus-inner { border: 0; }
option::-moz-focus-inner { border: 0; }

Как удалить пунктирные линии в этом раскрывающемся списке, чтобы он выглядел, как в Chrome и других браузерах?

Приложение

Не работают ни:

select::-moz-focus-inner { border: 0; outline: 0 }
option::-moz-focus-inner { border: 0; outline: 0 }

, ни эти:

select { outline: 0; }
option { outline: 0; }

и эти:

select { outline: none; }
option { outline: none; }
25
задан Undo 14 December 2015 в 01:28
поделиться