8

Safari 6.0 で Twitter Bootstrap 入力が正しく表示されないという問題があります。

Mountain Lion に移行する前はこれで問題なかったと確信していますが、Chrome の問題のようです。

基本的にSafariでは、入力の右端が切れているようで、正しく表示されていません。私はスクリーンショットを撮って、私が何を意味するかをデモしました...

サファリ:

サファリ

クロム:

クロム

何か案は?

編集: Twitter Bootstrap サイトを見るだけで、多くの入力に同じ問題があることがわかります! 他の誰かがこれを見ていますか?

4

1 に答える 1

3

このアーティファクトは、Safari の境界半径のレンダリングに問題があるようであり、Twitter Bootstrap に固有のものではありません。Apple のサポート フォーラムでレンダリング ボーダーを参照してください。入力は、通常、選択後に正常にレンダリングされます。

次の 2 行で影響を受ける要素の border-radius を無効にすると、アーティファクトが削除されます。ただし、これにより、近くのボタンにさらに不可解なアーティファクトが発生する場合があることに注意してください。

-webkit-border-radius: 0;
border-radius: 0;
于 2012-09-04T19:15:11.107 に答える