フォームボタンのビジュアルをデザインする

フォームの送信ボタン(submit)は、通常<button type="submit">Submit</button>とマークアップしますが、これがSafariではCSSが適用されなかったりするので、これをbuttonタグでマークアップしてビジュアルを変更するというもの。

リンク先のソースでは、透過PINGを使っているためIE6で透過されていなかったり、IMGタグでマークアップしているデザイン要素は背景イメージで代用できそうだったりするのですが、IE、Firefox,Safariそれぞれでかなりビジュアルを統一できているのは見事です。
Rediscovering the Button Element
タグ:CSS Firefox safari
posted by digital-squad at 2007年05月24日 23時46分 | Comment(0) | TrackBack(0) | CSS
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/42810277
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック