javascript - 在 IE10 中隐藏或更改范围输入的值标签

Question

我有一个带有自定义标签的范围输入，显示与输入值相对应的文本。除了 Internet Explorer 10 还显示其自己的包含该值的类似工具提示的标签外，这工作得很好。问题是这个工具提示遮住了我的标签。它还显示一个整数值，其中控件的实际值是一个 float 。

我不知道如何隐藏标签或修改其文本。它与工具提示分开，不响应 title 属性。它也不响应 z-index，所以我不能只将标签放在它上面。我没有看到 the documentation 中提到的任何属性这将提供对标签的访问。

演示:jsfiddle.net/KzWrs

Answer 1

对于 WinJS，您可以使用 ::-ms-tooltip伪元素选择器(如此处所述 Remove tooltip from Slider

Applies one or more styles to the tooltip of a slider (input type=range). Note that only display and visibility style properties are applicable for an -ms-tooltip.

...但是对于 IE10 它似乎不起作用(至少在我测试时)。

::-ms-tooltip 列在 CSS documentation on MSDN for pseudo-elements 中但是没有指向讨论伪元素的内容页面的链接

我怀疑实现不完整...

---

编辑:当我第一次测试它是在 Windows 8 Consumer Preview 虚拟机上时，在 Windows 8 RTM 上测试它有效!

编辑:更正破折号前缀 ::-ms-tooltip

input[type=range]::-ms-tooltip {
    display: none;
}