Internet explorer 滴管过滤器<;输入>;字段插入符号位置错误
我在Internet explorer 滴管过滤器<;输入>;字段插入符号位置错误,internet-explorer,css,Internet Explorer,Css,我在上使用的是仅IE的过滤器dropshadow,但这会影响其中输入和文本区域字段的插入符号/文本光标位置 HTML: <div id="box"> <input type="text"/> </div> filter: progid:DXImageTransform.Microsoft.DropShadow( OffX=-8, OffY=-8, Color='#00ff0000', Positive='t
上使用的是仅IE的过滤器dropshadow,但这会影响其中输入和文本区域字段的插入符号/文本光标位置
HTML:
<div id="box">
<input type="text"/>
</div>
filter: progid:DXImageTransform.Microsoft.DropShadow(
OffX=-8,
OffY=-8,
Color='#00ff0000',
Positive='true');
可以在上看到一个实例(该bug仅在IE中可见)
有没有人对解决办法有什么想法
编辑:这个错误在IE8和IE9中很明显。我还没有试过IE10。一次快速的尝试告诉我,当应用dropshadow时,IE7甚至不允许我输入字段,但这也可能是JSFIDLE-不知道,也不在乎:)我已将以下代码添加到CSS中:
#box input, #box textarea
{
position:relative;
}
这解决了我的问题。请参阅modified fiddle:这在我的设计中引入了一系列新问题,但它很好地解决了基本问题。非常感谢:)