边界半径切断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浏览器右边框

回答

相关问题