ボタンのトグル機能を実装するためのCSSの方法

方法1: checkboxを使用する方法HTML: <input type="checkbox" id="toggle-btn"> <label for="toggle-btn">ボタン</label> CSS: #toggle-btn { display: none; } #toggle-btn + label { background-color: #ccc; padding: 10px; cursor: pointer; } #toggle-btn:checked + label { background-color: #f00; >>More