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

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

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

演示:jsfiddle.net/KzWrs

最佳答案
对于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 vm上进行测试时,在Windows 8 RTM上进行测试就可以了!

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

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

转载注明原文:javascript – 隐藏或更改IE10中输入范围的值标签 - 代码日志