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

Question

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

我不知道如何隐藏标签或修改其文本。它与工具提示分开，不响应标题属性。它也不响应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;
}