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

Question

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

87px：

86px：

控制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牺牲。

BTW，并非所有支持HTML5的浏览器都支持清除按钮。