2009-04-10 4 views
3

JavaScriptを使用せずに丸めたHTML <select>を作る方法はありますか? 私はこの狂気のデザインを持っており、どうすればいいのか分かりません。CSSです。CSS - 丸みを帯びたセレクト、チェックボックス、ラジオボタン

同じ問題はcheckboxradiobuttonです。誰かが丸められる方法を知っていますか?

私はIE6 +、Firefoxの2+、オペラ9+のために機能するソリューションを必要とする...

alt text http://uploader.chytry.cz/select-checkbox.png

答えて

1

いいえフォームのスタイリングは非常に問題があり、どのスタイリングも動作するという保証はありません。シンプルな枠線と背景色/画像は、通常、ほとんどのブラウザで正常に機能します。私はSafariがあなたのスタイルを少しでも変えさせると信じています。詳細情報についてはCheck this pageをご覧ください。

正直、最高の解決策は、JavaScriptを使用することです。 jQuery click menuは、私が最近選択ボックスを模倣するために使用した素晴らしいソリューションです(メニューを選択したときに非表示フィールドに値を設定するためにJSが使用されました)。

検索すると、他にも解決策があるはずです。

1

長い答え:Internet Explorerはによく向いていません様式化されている。丸みを帯びた左側(テキストコンテンツ)の背景画像を設定することができますが、ドロップダウン矢印はデフォルトのブラウザとして固定されます。また、コントロールのmousedownとmouseoverの状態がデフォルトのスタイルとして固定されることがわかります。

私は、多くの場合、理想的なデザインはブラウザ標準のサポートの限界について少し実用的である必要があると思います。具体的には、IE6が公平な番号とIE7をサポートしていないという問題は、わずかに準拠しているだけです。

悪いニュースを申し訳ありません。

関連する問題