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

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

Вы можете видеть, что отображается пунктирная рамка/контур, я хочу удалить это (снимок экрана, сделанный в 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>