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

Question

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

我无法弄清楚如何隐藏标签或修改其文本.它与工具提示分开,不响应title属性.它也没有响应z-index,所以我不能只将我的标签放在它上面.我看到文档中没有提到可以提供对标签的访问权限的属性.

演示:jsfiddle.net/KzWrs

Answer 1

对于WinJS,您可以使用::-ms-tooltip伪元素选择器(如此处所述从Slider中删除工具提示

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

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

::-ms-tooltip在MSDN上的CSS文档中列出了伪元素,但是没有链接到讨论伪元素的内容页面

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

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

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

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