2012-07-29 27 views
8

safari 6.0で正しく表示されているTwitter Bootstrapの入力に問題があります。サファリ6のブートストラップ入力が正しくありませんか?

私はマウンテンライオンに移る前にこれが大丈夫だったと確信しています。それはChromeで問題に思えるようです。

Safariでは、基本的に入力の右端が途切れているようですが、正しく表示されていません。アイブ氏は

サファリ...画面は、私が何を意味するかデモするために撃っ取ら:

Safari

クローム:

Chrome

任意のアイデア?

編集:Twitterのブートストラップサイトを見てみると、入力の多くに同じ問題があることがわかります! 他に誰かがこれを見ていますか?

+1

は多分わから幅 – Sherbrow

+0

ノートと一緒に遊んで、 'ボックスsizing'に見てください、そのがそれに影響を与えるかを確認することはできませんか?これはかなり新しくどこに見えるかわからない! – shorn

+0

私はSafariの問題をほぼ確実に考えています。このサイトを見て、これらのバッジの1つに気付きました[こちらを参照](http://cl.ly/image/1K3a3W1o2r3u) - コメント欄のバッジを見てください。ブートストラップサイト内のボタン/入力/要素はそのように見えます – shorn

答えて

3

アーティファクトは、Safariのborder-radiusのレンダリングで問題と思われ、Twitter Bootstrapに固有の問題ではありません。 Appleのサポートフォーラムのrendering bordersを参照してください。入力を選択すると、入力は通常通常レンダリングされます。

影響を受けた要素のborder-radiusを次の2行で無効にすると、アーティファクトが削除されます。注意してください。近くのボタンにeven more puzzling artifactsが表示されることがあります。

-webkit-border-radius: 0; 
border-radius: 0; 
関連する問題