html - iOS 8.3 字段集边框错误

Question

我正在尝试设置字段集边框的样式，但出于某种原因，在 iOS 8.3 中它无法正常工作，就像其他浏览器一样，我在 android/PC/mac 上测试了相同的代码，它们都可以正常工作他们应该，但是在 iOS 8.3 中，边框消失或根本不显示，这里是 jsfiddle 的链接在 iOS 8.3 中显示 Safari/chrome 中的错误。

在我看来，这是页面缩放工作方式的错误，如果没有元视口(viewport)并且文本真的很小，边框就会显示出来，但是一旦你设置了视口(viewport)和/或缩放，边框就会消失。

我测试了使用不同的 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

删除图例标签可以解决边框问题，但这是 Not Acceptable 解决方案。

更新2

iOS 9.0 修复了这个错误。

Answer 1

到目前为止，使用以下 CSS 规则修复了错误。

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

如果不 float 图例标签，字段集边框将不会显示。