水平スクロールバーにのみCSSを適用する方法

Question

私は新しいインターンで、彼らは私に簡単なタスクを与えました: 水平スクロールバーをカスタマイズする

このコードがありますが、垂直スクロールバーが消えます...垂直方向をデフォルトにする必要があります...水平スクロールバーのみをカスタマイズする必要があります。

リーリー

以下のコードを真ん中に置くと、垂直スクロールバーもパーソナライズされます...したがって、パーソナライズするか、まったく非表示にすることしかできません...それはできません

リーリー

Answer 1

これは、水平スクロールバーのみをスタイル設定する方法の例です:

https://codepen.io/lmmm/pen/abKeEJw

スタイルを設定したい要素を使用し、必要に応じてルールを使用できます:

リーリー リーリー

Answer 2

スタイルを適用するには、疑似デコレータを div にリンクする必要があります。 これは、垂直方向のサムが本文または HTML タグから取得されることを意味します。水平方向のサムは内側の div 用です。

リーリー

これはおそらく内側の div の垂直サムが消えるのを防ぐことはできないでしょうが、これまでの画像を見る限り、これを表示する必要はありません。これは他の方法では達成できないと思います。