HTML の label タグに必ずつけたい CSS

CSS に1行加えるだけで ラベルまわりがとってもわかりやすくなる。 「そんなん当たり前」という人もいるかもしれないけど Gmail やら Twitter やらのログイン画面を見たら 実装されてなかったので一応。 label というのはフォームの部品とセットで使うやつで、 ある部品とその項目名を結びつけるやつね。 ↓このようなチェックボックスがあるとき 次回から自動的にログイン ↓こんなふうにラベルを指定しておくと <input type="checkbox" id="rememberme"> <label for="rememberme">次回から自動的にログイン</label> テキスト部分とチェックボックスが関連づけられるので テキストをクリックした時も チェックボックスにチェックが入るようになりますね。 ここをクリックでチェック入れられるよ 小さいチェックボックスにマウスカーソルを

[mypacecreator]

すでにいれてあった

[t-abe]

チェックボックスに対応したlabel要素にカーソルが乗ったときにカーソルを変更するスタイル。

[silverscythe]

ウッ、知らなかった‥‥切腹したい‥‥

[muamqm]

これはいいな

[denken]

「されたい」とかもだよね

[forestk]

Safari 2 以前だと label クリックしても反応しないので注意する

[masakanou]

なるほどこれはいい

[kits]

cursor: pointer;

[kurobuchi]

labelタグでクリックしやすくする。

[twainy]

cursor:pointer;なるほど

[eclucifer]

これあると親切だよね。

[kai3desu]

「くさったしたい」