在Chrome和其他浏览器中,我的下拉菜单看起来很好:
但是,在Firefox中,它有不需要的虚线:
我已经成功删除了不必要的Firefox虚线的按钮和输入元素与这些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; }