html - 当输入宽度低于特定值时，IE10 html输入清除按钮隐藏

Question

我在 IE10 中遇到 html 输入控件问题。每当我将输入宽度设置为低于 87px 时，清除按钮就不再显示。

87 像素:

86 像素:

控制CSS:

float: right;
color: rgb(87,97,112);
height: 23px;
box-shadow: inset 1px 1px 2px #ddd8dc;
margin-bottom: 5px;
font-family: Verdana;        
width: 86px;
padding: 0px 0px 5px 5px;

对于导致此问题的原因有什么想法吗？有什么解决办法吗？

Answer 1

我假设您使用的是 HTML5

<input type="search" />

它是填充、字体大小和可能的其他度量(屏幕分辨率)的函数。在 IE11 上，使用 CSS，对我来说截止宽度是 90px，89px 不显示清除按钮。

但是如果我将字体大小更改为 6(小得离谱)，仍然显示清除按钮的最小宽度会变小。

清除按钮占用空间。如果考虑到其他指标，框太小，IE 就会牺牲它。

顺便说一句，并非所有支持 HTML5 的浏览器都支持清除按钮。