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

问题描述 投票：0回答：1

当在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>

This image shows the issue

我想完全隐藏该框，但似乎找不到要隐藏的元素。有什么想法吗？这仅发生在IE11中。

javascript html internet-explorer
1个回答
0
投票

您需要在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>

在IE 11浏览器中的输出：

enter image description here

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.