これは本当に奇妙で、ちょっと腹立たしいです。私はリンクの色を変えようとしていましたが、簡単ですよね？いいえ。なんらかの理由で、「j」文字の上にカーソルを置いたときに、Chrome がその文字の 2 ピクセルの色を変更することを拒否します。Safari で試してみましたが、同じ問題があります。一方、firefox は完全にレンダリングします。
フォントを変更してみましたが、問題は解決しません。テストしたすべてのフォントのうち、Arial だけに問題はありませんでした。
それが問題かどうかはわかりませんが、テキストは ol>li>a で囲まれています
クロム開発者ツールで強制的に :hover を使用してスクリーンショットを撮ろうとすると、完全に機能するため、携帯電話から写真を撮り、マウスを使用してホバーする必要がありました。
編集: CodePen デモを追加しました EDIT2: ol>li にラップされているようには見えません。