iPhone・iPad・Chrome等WebKitベースブラウザのCSS3フォームスタイルテクニック
2010年10月15日-
スポンサード リンク
Customizing web forms with CSS3 and WebKit - (37signals)
iPhone・iPad・Chrome等WebKitベースブラウザのCSS3フォームスタイルテクニックが37signals.comにて紹介されています。
紹介されている1例として、SafariというとフォームおなじみのAquaっぽいスタイルになりますが、-webkit-appearance: none; のように設定するとプレーンなフォーム要素になるようです。
CSS3や画像を活用して、次のようなフォームをカッコよくデザインしたサンプルなんかも公開されています。
実際に見てみる
関連エントリ
iPhone・iPad・Chrome等WebKitベースブラウザのCSS3フォームスタイルテクニックが37signals.comにて紹介されています。
紹介されている1例として、SafariというとフォームおなじみのAquaっぽいスタイルになりますが、-webkit-appearance: none; のように設定するとプレーンなフォーム要素になるようです。
CSS3や画像を活用して、次のようなフォームをカッコよくデザインしたサンプルなんかも公開されています。
実際に見てみる
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE