从Firefox中的范围输入元素中删除虚线轮廓 [英] Remove dotted outline from range input element in Firefox

问题描述

Firefox从版本23开始支持< input type =range> 元素，但我不知道如何删除虚线轮廓。以下CSS不起作用：

Firefox, since version 23, natively supports the <input type="range"> element, but I couldn’t figure out how to remove the dotted outline. The following CSS has no effect:

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中解决这个问题？

Does anyone have any idea how to fix this issue in Firefox?

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

推荐答案

很遗憾，您不能！

另请参阅Jonathan Watt的博客（正在处理此问题）：

Also see Jonathan Watt's blog (who is working on this):

已知问题：

Known issues:

• 默认的CSS样式外观仍需要工作，

$ b（给滑块操作系统的
主题的外观） $ b

在他的博客中对这个问题的回复中，他说：

In a reply to a comment in his blog about this very same issue he states:

现在你不能 - 对不起。我提交了错误 932410 ，以使
成为可能。

Right now you can't - sorry. I've filed bug 932410 to make that possible.

在写作的时候，似乎没有进展，它不知道什么时候可以正式修复。

At the moment of writing there appear to be no progress on this and it's not known when a official fix will be available.

更新

由于此答案已发布，错误已修复。您现在可以使用（如其他答案中所述，但为了完整性，我将其包含在内）：

Since this answer was posted the bug has been fixed. You can now use (as stated in other answers, but I include it here for completeness):

input[type=range]::-moz-focus-outer {
    border: 0;
    }

这篇关于从Firefox中的范围输入元素中删除虚线轮廓的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！