ここで単純なものが欠けていると確信しています。<LI>
ホバー時に境界線を追加する要素のコレクションがあります(実際には不透明度を変更します)。
そのうちの 1 つを選択すると、JQuery を使用してその要素に「アクティブ」なクラスを追加します。この.active
クラスは、要素に青い境界線を与えます。ただし、その要素にカーソルを合わせると、黒い境界線も追加されるか試行されます。
質問:クラスLI
がない場合に境界線のみを表示するように要素に指示することはできますか?.active
私が試しているCSSは次のとおりです。
.overview li { border:1px solid rgba(0,0,0,0.0);} /* transparent border */
.overview li:hover{ border:1px solid rgba(0,0,0,0.8); } /* show on hover */
.overview li .active { border:1px solid rgba(51,204,204,0.9); } /* change color on active */
.overview li .active:hover { border:1px solid rgba(51,204,204,0.9); } /* trying to force border */