Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
当输入宽度低于某个值时,IE10 html输入清除按钮隐藏_Html_Internet Explorer_Input_Internet Explorer 10 - Fatal编程技术网

当输入宽度低于某个值时,IE10 html输入清除按钮隐藏

当输入宽度低于某个值时,IE10 html输入清除按钮隐藏,html,internet-explorer,input,internet-explorer-10,Html,Internet Explorer,Input,Internet Explorer 10,我在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;

我在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(小得可笑),仍然显示“清除”按钮的最小宽度会变小

清除按钮占用空间。考虑到其他指标,如果盒子太小,IE将牺牲它


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

通常人们希望隐藏清除按钮:)。不管怎么说,这实际上是一个错误。将
width:12px
设置为pseudo元素似乎会显示一个小的清除按钮,但如果要增大大小,按钮将消失。只需查看上面的墨迹MSDN页面,并使用一些CSS属性,您可能会拿回按钮。