css コンテナ内の要素がクリックされたときにコンテナのクリックイベントにバインドする方法_html/css_WEB-ITnose

<div class="btn-today glow three-btn">　　　　<span class="rb">本　　　　　　　　<span class="rt">ben</span>　　　　</span></div>

.btn-today:active{    background: rgb(255,255,255);}

45a2772a6b6107b401db3c9b82c049c2 内の「this」をクリックすると、スタイル btn-today:active がアクティブになりません。 45a2772a6b6107b401db3c9b82c049c2 の外側をクリックすると、スタイルがアクティブになります。
この問題を解決する方法はありますか?ありがとう。 。 。 。

ディスカッション (解決策) への返信

は .rb:active{

rgb(255,255, 255, 255); ポインターイベント: なし }

.btn-tody>span{

pointer-events: none;
}

pointer-events は上位層のイベントを無視できますか、それとも下位層のイベントを無視してアクティブにすることができますか? 試してみましたが、変化はありませんでした。

同じページでコンテナの背景の色を変更したいのですが、IE ではこの問題が発生しますが、FF と Chrome では問題ありません