2

如果 IE (9/10/others?) 有虚线边框，它似乎会忽略字段集元素的边框宽度 1。有人知道解决方法吗？

小提琴：http: //jsfiddle.net/9hjys/

<!DOCTYPE html><html><head></head><body>

<fieldset style='border:1px dashed;'>
   <legend style="background:white;">test</legend>
   fieldset dashed border is more than 1px wide in IE (9/10 at least, 
   not sure about others)
</fieldset>

<fieldset style='border:1px solid;'>
   <legend>test</legend>
   solid border is all normal like.
</fieldset>

<br/>
<div style='border:1px dashed;display:inline-block;'>
   inline-block divs work normal
</div>

<br/><br/>

<div style='border:1px dashed;display:block;'>
   block divs work normal
</div>

</body></html>

http://i.stack.imgur.com/LOois.png

4

1 回答 1

1

我在 IE11 中重现了这个问题。

当该图例父字段集周围有虚线或虚线边框时，图例标记似乎存在 IE 错误。

解决方案 - 使图例显示为内联，如下所示：

<legend style="background:white; display: inline;">test</legend>

这消除了异常，但也会将图例的位置更改到字段集中。可以通过其他方式更改该位置，但这超出了此问题的范围。

于 2013-12-03T06:58:06.867 回答