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