是否可以删除选择元素中所选项目周围的虚线?

我试图outline在CSS中添加属性,但它不起作用,至少不在FF中.
<style>
select { outline:none; }
</style>
Run Code Online (Sandbox Code Playgroud)
更新
在继续前进并删除大纲之前,请阅读此内容.
http://www.outlinenone.com/
从下拉菜单中选择项目时,如何删除显示的虚线边框/轮廓?

你可以看到有一个虚线边框/轮廓显示,我想删除它(在Firefox中截图).
尝试下面的解决方案并没有删除它:
select:focus, option:focus, select::-moz-focus-inner, option::-moz-focus-inner {
outline: none;
border: none;
}
Run Code Online (Sandbox Code Playgroud)
HTML只是这样:
<select name="order">
<option value="desc">Newest to oldest</option>
<option value="asc">Oldest to newest</option>
</select>
Run Code Online (Sandbox Code Playgroud)