边框半径在 Mac 的 Safari 上切断右边框答案

【问题标题】：Border radius cutting off right border on Safari for Mac边框半径在 Mac 的 Safari 上切断右边框
【发布时间】：2013-01-17 04:39:09
【问题描述】：

有没有人见过这样的事情？在 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 正在切断元素的右边框。无论是输入字段还是普通的旧

元素都没有关系。我只保留了复制错误所需的 CSS 属性。如果您删除边框半径或背景颜色，它可以解决问题，但我需要在我的设计中使用这些属性。关于造成这种情况的任何想法？

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

【问题讨论】：

在 Safari 6.0.2 Mountain Lion 上看起来不错。
是的，看起来在这里也可以正常工作。你到底看到了什么？您是否安装了任何可能会以某种方式破坏事情的 Safari 插件？
这看起来像是开始重复的背景图像。
嗯，这里没问题。 Safari 6.0.2 Mountain Lion 也是如此。

标签： safari webkit css

【解决方案1】：

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

很遗憾，我无法在 Mack 上的 Safari 中查看它。

【讨论】：