0

誰もこのようなものを見たことがありますか？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) を使用しています。

4

1 に答える 1

0

設定してみてくださいmargin-right: 2px。多分それはうまくいくでしょう。

残念ながら、MackのSafariでは確認できません。

于 2013-02-21T00:16:08.850 に答える