IE11的输入类型范围显示最大/最小整数

在IE11中将范围输入类型与数据列表一起使用时,单击时会显示一个值。如果最小值/最大值恰好大于或小于最大整数(2,147,483,647),则将显示该值,而不是实际值。

代码:

<input type="range" value="0" min="-999999999999999999999" max="999999999999999999999" list="number" />
<datalist id="number">
    <option>10</option>
    <option>15</option>
    <option>30</option>
    <option>50</option>
    <option>90</option>
</datalist>

IE11的输入类型范围显示最大/最小整数

我想完全隐藏那个盒子,但是似乎找不到要隐藏的元素。有什么想法吗?这仅发生在IE11中。

wusjxm 回答:IE11的输入类型范围显示最大/最小整数

您需要在CSS代码中将 ms-tooltip 设置为显示:无以隐藏该值框。

示例CSS:

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

示例:

<!doctype html>
<html>
<head>
<style>
input[type=range]::-ms-tooltip {
    display: none;
}
</style>
</head>
<body>
<input type="range" value="0" min="-999999999999999999999" max="999999999999999999999" list="number" />
<datalist id="number">
    <option>10</option>
    <option>15</option>
    <option>30</option>
    <option>50</option>
    <option>90</option>
</datalist>
</body>
</html>

在IE 11浏览器中的输出:

enter image description here

本文链接:https://www.f2er.com/3164032.html

大家都在问