Chrome/Safari/Firefox では、ユーザーがタグspan
内をクリックすると、疑似クラスが含まれている要素/親にも適用されているように見えます。ただし、IE ではそうではないようで、直接クリックされた要素にのみ適用されます。a
:active
:active
:active
マークアップがかなり複雑なボタンのスタイルを設定しようとすると、いくつかの課題が生じます。
この簡単な例は、こちらの JSFiddle にあります。IE 以外のブラウザーでテキストを直接クリックし、IE でテキストを直接クリックして取得した状態と :active 状態を比較します。
状態をIE:active
に含まれているものに渡す方法はありますか? a
制約として、ソリューションに JS がないと仮定します。