Tailwind CSS を使用して、ラジオ ボタンの選択状態に応じて親 div のスタイルを変更する
P粉718165540
P粉718165540 2023-08-15 23:49:52
0
1
592
<p>複数の列と行ごとにラジオ ボタンがあるテーブルがあります。特定のボタンを選択したときに行全体の背景色を変更する必要があります。これは達成できるでしょうか? </p> <pre class="brush:php;toolbar:false;"><tr class="flex items-center p-4 space-x-4 border hover:bg-indigo-50"> <input type="radio" name="user" id="{{ user.id }}"> <label for="{{ user.id }}">{{ user.email }}</label> <div>{{ user.name }}</div> </tr></pre> <p>Tailwind では、「peer」クラスを使用して隣接するブロックのスタイルを設定できます。ただし、親ブロックのスタイルを設定する必要があります (<input> が選択されている場合、親ブロックの背景色が変更されるはずです)。 </p>
P粉718165540
P粉718165540

全員に返信(1)
P粉958986070

疑似クラス :has() を使用できますが、ブラウザでのサポートは制限されています (たとえば、Mozilla はサポートしません)。このセレクターの ブラウザ サポート を確認できます。

リーリー リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート