csstest： CSS3 UI要素状態擬似クラス :disabled、:checkedの確認

CSS3 UI要素状態擬似クラス :disabled、:checkedの確認です。checkのオンオフが適用される対象としては、inputタイプのcheckboxやradioがあります。今回は、disabledの適用を考慮してcheckboxで試すことにしましたが、checkboxに限らずformに使う部品はブラウザ毎のデザインの違いが大きいので、一度ブラウザ固有のデザインを消して、CSSで再構築しています。 サンプルは、企業などの本店、支店を選ぶcheckboxになっています。本店は必ず選択（最初からチェック checked）、変更不可（チェックを外せない disabled）になり、東京は工事中ということで、利用不可（チェックできない disabled）。他はチェックのオンオフ可能という設定にしています。 サンプル サンプルのhtmlソース <div class="wrap"> <inp

[canna_koritan]

“:disabled + .sample ”