边界半径切断Mac Safari上的右边界

边界半径切断Mac Safari上的右边界,safari,webkit,css,Safari,Webkit,Css,以前有人见过这样的东西吗?在Mac上查看Safari中附带的JSFIDLE- 这是我看到的- CSS: HTML: 你妈妈 出于某种原因,Safari正在切断元素的右边框。不管它是一个输入字段还是一个普通的旧元素。我只保留了复制错误所需的CSS属性。如果删除边框半径或背景色,则可以解决问题,但我需要在设计中使用这些属性。你知道这是什么原因吗 我使用的是山狮上的Safari版本6.0.2(8536.26.17)。尝试设置右边距:2px。也许会有用的 不幸的是,我无法在Mack上的Safari

以前有人见过这样的东西吗?在Mac上查看Safari中附带的JSFIDLE-

这是我看到的-

CSS:

HTML:


你妈妈
出于某种原因,Safari正在切断元素的右边框。不管它是一个输入字段还是一个普通的旧元素。我只保留了复制错误所需的CSS属性。如果删除边框半径或背景色,则可以解决问题,但我需要在设计中使用这些属性。你知道这是什么原因吗


我使用的是山狮上的Safari版本6.0.2(8536.26.17)。

尝试设置
右边距:2px
。也许会有用的


不幸的是,我无法在Mack上的Safari中查看它。

在Safari 6.0.2《山狮》上对我来说很好。是的,在这里看起来也很好。你到底看到了什么?您是否安装了任何Safari插件,可能会以某种方式破坏某些东西?这看起来像是一个开始重复的背景图像。嗯,这里没有问题。Safari 6.0.2山狮也是如此。
input[type=text], div.test {
    border-radius: 4px;
    display: inline-block;
    width: 75%;
    background: #fff;
    border: 1px solid red;
    outline: none;
    -webkit-appearance: none;
}
<div style="margin: 20px;">
     <input type="text" value="Your mom" />
</div>

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