邊界半徑切斷Mac上的Safari瀏覽器右邊框

有沒有人以前見過類似的東西？看看在Safari附加的jsfiddle在Mac上 - http://jsfiddle.net/cbrauckmuller/6e4gM/1/邊界半徑切斷Mac上的Safari瀏覽器右邊框

這是我所看到的 -

enter image description here

CSS：

input[type=text], div.test { 
    border-radius: 4px; 
    display: inline-block; 
    width: 75%; 
    background: #fff; 
    border: 1px solid red; 
    outline: none; 
    -webkit-appearance: none; 
}

HTML：

<div style="margin: 20px;"> 
    <input type="text" value="Your mom" /> 
</div> 

<div style="margin: 20px;"> 
    <div class="test">Your mom</div> 
</div>

由於某些原因，Safari正在切斷右邊界元素。無論它是輸入字段還是簡單的舊元素<div>元素都無關緊要。我只保留了我需要複製錯誤的CSS屬性。如果刪除邊框半徑或背景顏色，它會修復問題，但我需要在設計中使用這些屬性。任何想法是什麼導致這個？

我在Safari Lion Version 6.0.2（8536.26.17）上使用Mountain Lion。

來源

2013-02-01 Chris Brauckmuller

在Safari 6.0.2 Mountain Lion上看起來很好。 –

是的，看起來它在這裏也很好。你究竟看到了什麼？你有沒有安裝任何可能會破壞事情的Safari插件？ –

這看起來像一個開始重複的背景圖像。 –

嘗試設置margin-right: 2px。也許它會工作。

不幸的是，我不能在Mack的Safari上檢查它。

來源

2013-02-21 00:16:08

邊界半徑切斷Mac上的Safari瀏覽器右邊框

回答

相關問題