検索

ホームページ  >  に質問  >  本文

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

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

过去多啦不再A梦过去多啦不再A梦2743日前1287

全員に返信(8)返信します

  • 淡淡烟草味

    淡淡烟草味2017-07-05 11:06:45

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

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

    例:

    リーリー リーリー

    http://runjs.cn/detail/ibxy9qab

    返事
    0
  • 仅有的幸福

    仅有的幸福2017-07-05 11:06:45

    リーリー

    返事
    0
  • 学习ing

    学习ing2017-07-05 11:06:45

    ボックスシャドウ

    返事
    0
  • 欧阳克

    欧阳克2017-07-05 11:06:45

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

    返事
    0
  • 習慣沉默

    習慣沉默2017-07-05 11:06:45

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

    返事
    0
  • 扔个三星炸死你

    扔个三星炸死你2017-07-05 11:06:45

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

    返事
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-07-05 11:06:45

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

    返事
    0
  • 伊谢尔伦

    伊谢尔伦2017-07-05 11:06:45

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

    返事
    0
  • キャンセル返事