当在IE11中使用带有datalist的范围的输入类型时,单击时会显示一个值。如果min/max恰好大于或小于最大整数(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中。
发布于 2019-11-05 02:36:17
您需要将CSS代码中的ms-tooltip设置为display: none以隐藏该值框。
样本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>
在IE11浏览器中输出:

https://stackoverflow.com/questions/58700368
复制相似问题