IE10 html 当输入宽度低于一定值时，输入清除按钮被隐藏
IE10 html input clear button is hidden when input width is below certain value
我在 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;
对导致此问题的原因有任何想法吗？有什么解决方法吗？
我假设您正在使用 HTML5
<input type="search" />
它是填充、字体大小和可能的其他度量（屏幕分辨率）的函数。在 IE11 上，使用你的 CSS，我的截止宽度是 90px，89px 不显示清除按钮。
但是如果我将字体大小更改为 6（小得离谱），仍然显示清除按钮的最小宽度会变小。
清除按钮占用space。考虑到其他指标，如果框太小，IE 将牺牲它。
顺便说一句，并非所有支持 HTML5 的浏览器都支持清除按钮。
我在 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;
对导致此问题的原因有任何想法吗？有什么解决方法吗？
我假设您正在使用 HTML5
<input type="search" />
它是填充、字体大小和可能的其他度量（屏幕分辨率）的函数。在 IE11 上，使用你的 CSS，我的截止宽度是 90px，89px 不显示清除按钮。
但是如果我将字体大小更改为 6（小得离谱），仍然显示清除按钮的最小宽度会变小。
清除按钮占用space。考虑到其他指标，如果框太小，IE 将牺牲它。
顺便说一句，并非所有支持 HTML5 的浏览器都支持清除按钮。