更新1

Question

我试图设置字段集边框的样式，但由于某些原因，在iOS 8.3中它只是不像其他浏览器那样工作，我在android / PC / mac上测试了相同的代码，所有这些都是按照他们应该的方式工作，但是在iOS 8.3中边框要么消失要么根本不显示，这里是jsfiddle的链接，显示iOS 8.3中Safari / chrome中的错误。

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

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

iOS 9.0修复了这个错误。

Answer 1

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

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

不浮动图例标记字段集边框不会显示。

iOS 8.3 fieldset边框错误

更新1

更新2

1 个答案: