【问题标题】:Hide or change the value label for a range input in IE10在 IE10 中隐藏或更改范围输入的值标签
【发布时间】:2013-03-07 10:08:33
【问题描述】:

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

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

演示:jsfiddle.net/KzWrs

【问题讨论】:

    标签: javascript html internet-explorer-10


    【解决方案1】:

    对于 WinJS,您可以使用 ::-ms-tooltip 伪元素选择器(此处提到 Remove tooltip from Slider

    将一种或多种样式应用于滑块的工具提示(输入类型=范围)。请注意,只有显示和可见性样式属性适用于 -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;
    }
    

    【讨论】:

    • 完美。它对我有用:jsfiddle.net/KzWrs/1。 windows store apps reference page 可能足够准确,因为 windows html 应用程序在 trident 上运行,与 IE10 相同。它提到display 和visibility 是唯一可修改的属性,这对我来说已经足够了。
    • 我认为应该(现在?)是::-ms-tooltip(注意第一个连字符)。
    • @NateWhittaker 谢谢,我错过了第一个连字符
    • @MikeM 有什么方法可以为 chrome 启用工具提示吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-04-26
    • 1970-01-01
    • 2017-11-01
    • 2018-03-09
    • 1970-01-01
    • 1970-01-01
    • 2015-09-29
    相关资源
    最近更新 更多