我試圖設置字體集邊框的樣式，但由於某些原因在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

回答

相關問題