Firefox自从版本23开始支持< input type =“range”>元素,但我不知道如何删除虚线轮廓。以下CSS不起作用:
input[type='range'],input[type='range']:focus,input[type='range']:active,input[type='range']::-moz-focus-inner,input[type='range']:-moz-focusring { border: 0; outline: none; }
有没有人有任何想法如何解决这个问题在Firefox?
解决方法
不幸的是,你不能!
这是Firefox中的一个错误,除了固定源代码本身之外没有其他方法来解决这个问题(见下文)。
另请参见Jonathan Watt的blog(正在处理此问题):
Known issues:
- the default CSS styled appearance still needs work,and native theming (giving the slider the appearance of the operating system’s
theme) is still to come …
Right now you can’t – sorry. I’ve filed bug 07001 to make that
possible.
在写作的时刻似乎没有进展,这是不知道什么时候可以提供官方的修复。
更新
因为这个答案张贴的错误已经修复。您现在可以使用(如其他答案中所述,但为了完整性,我将其包括在内):
input[type=range]::-moz-focus-outer { border: 0; }