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

Question

我有一个带有自定义标签的范围输入，显示与输入值相对应的文本。这很有效，除了Internet Explorer 10还显示其自己的包含值的工具提示标签。麻烦的是这个工具提示模糊了我的标签。它还显示一个整数值，其中控件的实际值是一个浮点数。

我无法弄清楚如何隐藏标签或修改其文字。它与工具提示分开，不响应title属性。它也没有回复z-index，所以我不能只将我的标签放在它上面。我发现the documentation中没有提到可以提供标签访问权限的属性。

演示：jsfiddle.net/KzWrs

Answer 1

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

  

将一个或多个样式应用于滑块的工具提示（输入类型=范围）。请注意，只有显示和可见性样式属性适用于-ms-tooltip。

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

CSS documentation on MSDN for pseudo-elements中列出了

::-ms-tooltip但是没有指向讨论伪元素的内容页面的链接

我怀疑实施不完整......

---

编辑：当我第一次在Windows 8 Consumer Preview vm上测试时，在Windows 8 RTM上进行测试就可以了！

编辑：更正的短划线前缀::-ms-tooltip

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