ボタンをクリックしてください
- カテゴリー別アーカイブ イベント
イベントカテゴリーでは、input要素や、tabindex属性、target属性 を使ったCSSイベントをまとめています。
従来は、javascriptを利用するのが常識でしたが、工夫をすることでCSSだけでクリックイベントに似た動作を行う事もできます。
タブインターフェース、CSS３のdatail要素と、summary要素等これからブラウザで実装されていくようなトグルメニューといったものと同じような機能を現在のCSSサポートでも実現できます。
-
-
CSS click action
<input id="rad1" type="radio" name="rad"><label for="rad1">Radio 1</label> <input id="rad2" type="radio" name="rad"><label for="rad2">Radio 1</label> <style> input[type="radio"]{ visibility:hidden; } input[type="radio"]:checked+label{ font ...
