我有以下HTML:
<div class="body-content">
<fieldset class="EntryFieldSet">
<legend id="ScreeningTitle"> Screening:</legend>
<br/><br/>
</fieldset>
</div>
以及以下CSS:
.body-content {
width: 300px;
border: 1px solid black;
background-color: #F5F5F5 /*whitesmoke*/;
}
.EntryFieldSet {
width: 250px;
padding-left: 15px;
overflow: hidden;
}
jsFiddle
在Internet Explorer中,右侧是锯齿状的
但它在Chrome中看起来很好
如何为所有浏览器/ Internet Explorer 修复它?
编辑- 这个问题在 IE 9 64 位版本中发生在我身上