フォームパーツがフォーカスを得ると、そのラベル部分も含めた領域がハイライトされる例。CSSのみで実装され、IE以外で動くそうだ。IEはJSでつくれるらしい。

ginpei のブックマーク 2008/09/19 17:28

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/10076631/comment/ginpei" data-user-id="ginpei" data-entry-url="https://b.hatena.ne.jp/entry/users.skumleren.net/cers/examples/formhighlight.html" data-original-href="http://users.skumleren.net/cers/examples/formhighlight.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fusers.skumleren.net%2Fcers%2Fexamples%2Fformhighlight.html" data-user-icon="/users/ginpei/profile.png">Example</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Ajax%2CDHTML">Ajax,DHTML</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/html%2Bcss">html+css</a>]</li></ul><br><p style="clear: left"> フォームパーツがフォーカスを得ると、そのラベル部分も含めた領域がハイライトされる例。CSSのみで実装され、IE以外で動くそうだ。IEはJSでつくれるらしい。</p><a class="datetime" href="https://b.hatena.ne.jp/ginpei/20080919#bookmark-10076631"><span class="datetime-body">2008/09/19 17:28</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！