CSSのクロスブラウザの外観に問題があります

IE、FireFox、Opera、Chrome、Safariでよく見えるようにするにはいくつか問題があります。CSSのクロスブラウザの外観に問題があります

OperaとFirefoxは同じですが、IE、Chrome、Safariの外観は少し異なります。特に、Chromeの入力角が丸みを帯びています。

は、これは私のコードですhttp://jsfiddle.net/VKuD6/2/

、誰もが「同一」のクロスブラウザのルック＆フィールを得るための正しい方向に私を指すことができますか？少なくとも部分的に、それを並べ替えるべき

-webkit-appearance: textfield;

：WebKitの中

出典

2012-02-28 Steven

検索ボックスは、あなたがこれを使用して取り除くしたいと思ういくつかのデフォルトのスタイルを持っています。 ~~あなたはクリアテキストのクロスボタンを紛失します。~~ - どうやらない

また、あなたは、トリックをした:)

出典

2012-02-28 17:18:25 will

おかげで、助け検索入力http://css-tricks.com/webkit-html5-search-inputs/

希望についての良い情報を、これをチェックアウトする必要があります。私はFirefox/Operaと同じようにChrome/Safariで同じ高さを得ることができますか？ – Steven

これはいくつかの問題を解決しました。悪いWebキットには検索フィールドに非常に多くの制限があります:( – Steven

フォントサイズ、行の高さ、パディング、ボーダー、余白を設定すると、入力のサイズに影響を与えることになります。あなたはこれとほとんど同じでなければならないと思います。http://bastianallgeier.com/css_browser_selector/のようなものを使用して、特定のブラウザをターゲットにして、すべてのちょっとした笑いを解くことができます。 – will

CSSのクロスブラウザの外観に問題があります

答えて

関連する問題