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

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

我已经测试了不同的方式来使用不同的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修复了这个错误。

来源

2015-05-28 Kise

由于某些原因，链接的格式不起作用。这可能是因为你在[1]前有太多的空间;它导致它显示为代码。 – BSMP

谢谢我修复了格式。 – Kise

使用以下CSS规则修复了迄今为止的错误。

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

不浮动图例标记fieldset边框不会显示。

来源

2015-05-28 20:28:51 Kise

iOS 8.3字段集边框缺陷

更新1

更新2

回答

相关问题