iOS 8.3字段集边界错误

Question

我试图样式字段集边界，但由于某种原因，在iOS 8.3它只是不工作，因为它应该像其他浏览器，我已经测试了相同的代码在android/PC/mac和所有他们应该工作，但在iOS 8.3的边界要么消失或根本不显示，这里是一个链接到jsfiddle，显示在iOS 8.3 Safari/chrome的bug。

在我看来，这是一个错误的页面缩放工作方式，如果没有元视口和文本是非常小的边框显示，但一旦你设置视口和/或缩放边框消失。

我已经测试了使用不同的css规则(border:/border-width/border-top-width)来样式化边框的不同方法，并且它们都不起作用。

谁有解决这个问题的办法?

<style>
.border {
    border-width:1px;
    border-style:solid;
    border-color:#000;
}
.border2 {
    border: 1px #000 solid;
}
</style>
<fieldset class="border1">
    <legend>border1 not working</legend>text content</fieldset>
<br></br>
<fieldset class="border2">
    <legend>border2 not working</legend>text content</fieldset>
<div class="border">border1 working</div>
<div class="border2">border2 working</div>

<标题>更新1

删除图例标签可以解决边框问题，但这是不可接受的解决方案。

<标题>更新2 h1> OS 9.0修复此错误

Answer 1

使用下面的CSS规则修复了目前为止的错误。

fieldset {
    padding-top:10px;
}
legend {
    float:left;
    margin-top:-20px;
}

不浮动的传奇标签字段集边界不会显示