次のコードを持つ2つのクラスがあります-
<div class="arrow-left"> <h1> < </h1> </div>
<div class="arrow-right"><h1> > </h1> </div>
彼らのスタイル-
.arrow-left{
position: fixed;
top:40%;
left:10%;
vertical-align: middle;
height:80%;width:5%;
text-align: center;
}
.arrow-right{
position: fixed;
top:40%;
right:10%;
vertical-align: middle;
height:80%;width:5%;
text-align: center;
}
.arrow-left:hover, .arrow-right:hover{
background-color: #4EB30B;
cursor:pointer;
}
それらはナビゲーション目的で使用されます。
.arrow-leftにカーソルを合わせると、背景は変更されませんが、.arrow-rightにカーソルを合わせると、背景が変更されます。そして、.arrow-rightをクリックし、.arrow-leftにカーソルを合わせると、背景が変わります。
これは、UbuntuのChromeで発生しています。
これがなぜこれが起こるのか知りたいウェブページ
ですが、回避策は必要ありません。