jio

![イメージ説明](22d47dd8ee2804fadad03c5821e4ff16.png) このホテルのアイコンをボタンにして、ドロワーメニューを作っています。このホテルをのアイコンを押した際に、上から水色のカバーが出てきます。ホテルのアイコンを押した際に、ホテルのアイコンの色が赤に変わるようにしたいのですが、方法が分かりません。教えて頂けると大変助かります。よろしくお願いいたします。 ![イメージ説明](e87a5940ae4cd85e24dbc7c2543bd4bb.png) ```HTML jio

``` ```CSS *{ margin: 0; padding: 0; } #nav-drawer{ display: inline-block; } .nav-unshown{ display: none; } /*アイコンのスペース*/ #nav-open{ display: inline-block; width: 100px; height: 50px; cursor: pointer; position: fixed; z-index: 9999; } #nav-open .icon-hotel{ font-size: 30px; color: black; } /*閉じる用の薄い黒カバー*/ #nav-close{ display: none; position: fixed; z-index: 99; top:0; left: 0; width: 100%; height: 100%; opacity: 0; transition: .3s ease-in-out; } /*中身*/ #nav-content{ overflow: auto; position: fixed; top:0; left: 0; z-index: 9; width: 100%; height: 100%; background: skyblue; transition: .3s ease-in-out; -webkit-transform: translateY(-105%); transform: translateY(-105%); } #nav-input:checked ~ #nav-close{ display: block; opacity: .5; } #nav-input:checked ~ #nav-content{ -webkit-transform: translateY(0%); transform: translateY(0%); box-shadow: 6px 0 25px rgba(0,0,0,.15); } ```

	@@ -1 +1 @@
1	- ~~ハンバ~~ーガーメニューのボタンを押したときに色を変更したい
1	+ ドロワーメニューのボタンを押したときに色を変更したい

質問編集履歴