Некоторые способы стилизации горизонтальной полосы прокрутки с помощью CSS:

• Активация только горизонтальной прокрутки. 1 Для этого нужно задать свойство overflow-x: auto и установить overflow-y: hidden, чтобы скрыть вертикальную прокрутку. 1 Например: .div-horizontal-scroll { overflow-x: auto; overflow-y: hidden;}. 1
• Отображение только горизонтальных полос прокрутки. 1 Для этого нужно поместить контент внутрь рамки области просмотра. 1 Например: .viewport { overflow-x: auto; /* Прокрутка по горизонтали влево-вправо */ overflow-y: hidden; /* Отключаем вертикальную прокрутку */ width: 100%;}. 1
• Стилизация самой полосы прокрутки. 14 Для этого можно использовать псевдоэлементы, например: ::-webkit-scrollbar (параметры всего элемента навигации), ::-webkit-scrollbar-track (параметры дорожки), ::webkit-scrollbar-thumb (параметры бегунка). 4
• Использование Flexbox. 1 Этот инструмент облегчает работу с горизонтальной разметкой контента. 1 Он помогает элементам оставаться в границах одной строки и прокручиваться. 1 Например: .flex-container { display: flex; overflow-x: auto; overflow-y: hidden;}. 1

Выбор способа стилизации зависит от конкретных требований и предпочтений разработчика.