Customizing web forms with CSS3 and WebKit - (37signals)

iPhone・iPad・Chrome等WebKitベースブラウザのCSS3フォームスタイルテクニックが37signals.comにて紹介されています。
紹介されている１例として、SafariというとフォームおなじみのAquaっぽいスタイルになりますが、-webkit-appearance: none; のように設定するとプレーンなフォーム要素になるようです。



CSS3や画像を活用して、次のようなフォームをカッコよくデザインしたサンプルなんかも公開されています。



実際に見てみる

関連エントリ

• クリーンなデザインでピュアＣＳＳなフォームを作るサンプル
• CSSベースのクールなフォーム、サンプル集
• CSSでクールなINPUTフォームを作成するサンプル
• 各種フォーム要素のCSS整形用JavaScriptプラグイン集