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

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

Я успешно удалил нежелательные пунктирные линии Firefox для кнопок и input элементов с этими операторами CSS:
button::-moz-focus-inner { border: 0; }
input::-moz-focus-inner { border: 0; }
поэтому я подумал, что они будут работать для элементов выбора / опции, но они не работают:
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; }