css – 从Firefox中的范围输入元素中删除虚线轮廓

前端之家收集整理的这篇文章主要介绍了css – 从Firefox中的范围输入元素中删除虚线轮廓前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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?

示例:http://jsfiddle.net/pF37g/

解决方法

不幸的是,你不能!

这是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;
    }

猜你在找的CSS相关文章