JavaScript - マウスホバー時に赤い境界線を表示する効果を実現する方法

Question

このエフェクトを作成したのは誰ですか? これは、 border-right:1px Solid #eee;border-bottom:1px Solid #eee; を使用して、左側の ul li:hover{border-color:#ed9639 を作成する方法を私が書いたものです。 ;} マウスホバリング時 ピクセルの赤枠もあります

淡淡烟草味 · Answer

各項目タイトルは右と下しかないような？

各項目を左側と下側に変更した方が良いと思いますが、ホバー時の隣接する要素の左側の色を設定してみてはいかがでしょうか。

例:

リーリーリーリー

http://runjs.cn/detail/ibxy9qab

仅有的幸福 · Answer

リーリー

学习ing · Answer

ボックスシャドウ

欧阳克 · Answer

左側の李さんにブロックされてますか？一番左のものは縁が赤いでしょうか？

習慣沉默 · Answer

ボーダー左が機能しない?

扔个三星炸死你 · Answer

セレクターの重みが小さすぎて上書きされてしまうためですか?

过去多啦不再A梦 · Answer

ホバリングするときは、z-indexを設定する必要があります。他のレベルよりも高く、境界線が隠れないようにします

伊谢尔伦 · Answer

ご回答ありがとうございます。解決策を見つけたので共有します
http://www.jb51.net/css/14548...