В Chrome и других браузерах мое раскрывающееся меню выглядит отлично:
Однако в Firefox у него есть нежелательные строки пунктирные:
Я успешно удалил ненужные штрихованные строки Firefox для кнопок и ввода с помощью этих инструкций 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; }