safari - 边框半径在 Mac 的 Safari 上切断右边框

Question

有没有人见过这样的事情？在 Mac 上的 Safari 中查看附加的 JSFiddle - http://jsfiddle.net/cbrauckmuller/6e4gM/1/

这是我所看到的 -

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 属性。如果您删除边框半径或背景颜色，它可以解决问题，但我需要在我的设计中使用这些属性。关于造成这种情况的任何想法？

我在 Mountain Lion 上使用 Safari 版本 6.0.2 (8536.26.17)。

Answer 1

尝试设置margin-right: 2px。也许它会起作用。

不幸的是，我无法在 Mack 上的 Safari 中检查它。