gpt4 book ai didi

html - fieldset - Internet Explorer 解决方法中的虚线边框?

转载 作者:行者123 更新时间:2023-11-28 01:51:05 25 4
gpt4 key购买 nike

IE(9/10/其他?)似乎忽略了 fieldset elemenets 的边框宽度 1(如果它有虚线边框)。有人知道解决方法吗?

fiddle :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

最佳答案

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

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

解决方案 - 使图例显示为内联:

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

这消除了异常,但也会将图例的位置更改为字段集内。这个位置可以通过其他方式改变,但这不在这个问题的范围内。

关于html - fieldset - Internet Explorer 解决方法中的虚线边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19988788/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com