Удалить пунктирную рамку/контур сфокусированного выпадающего меню

Question

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

Вы можете видеть, что есть пунктирная граница/очертание показано, я хочу, чтобы удалить этот (Снимок сделан в Firefox).

Попытка решения ниже, не удалить его:

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

HTML, это просто так:

<select name="order"> 
    <option value="desc">Newest to oldest</option> 
    <option value="asc">Oldest to newest</option> 
</select> 

Answer 1

На окнах 7 и IE9 нет границ/контура не показан, вместо синего фона Показано. Синий фон и в вашем случае граница/контур управляется ОС. Я подозреваю, что вы на Mac?

Remove outline from select box in FF

How to remove Firefox's dotted outline on BUTTONS as well as links?

Answer 2

Добавьте следующую таблицу стилей. -

select:-moz-focusring { color: transparent; 
         text-shadow: 0 0 0 #000; } 

Всегда работал для меня, надеюсь, что это поможет!