Проблема CSS в раскраске полосы прокрутки

Question

.body_c { полоса прокрутки-лицо цвет: # 408bc4; полоса прокрутки-тень-цвет: #afefff; полоса прокрутки-изюминкой цвет: #afefff; полоса прокрутки-3dlight цвет: # 000000; полоса прокрутки-Darkshadow цвет: # 006399; полоса прокрутки треков цвет: # bfd3e6; полоса прокрутки стрелка цвет: #FFFFFF; Запас-топ: 0; Запас налево: 0; Маржа направо: 0; }

Я использую этот класс для раскраски полосы прокрутки, но она выполняется только с IE. У вас есть решение для цветной полосы прокрутки во всех браузерах?

Answer 1

Вы можете сделать то же самое в браузерах Webkit с различными правилами . Официально это не является частью CSS, а другие браузеры не поддерживают ничего подобного, AFAIK.

Прежде всего, рассмотрим , не мешающий стандартным элементам графического интерфейса . Полосы прокрутки, кнопки и т. Д. Должны выглядеть одинаково на всех веб-сайтах и ​​в приложениях. Это основное правило юзабилити.

Answer 2

Если вы должны изменить внешний вид полос прокрутки, обратите внимание, что только CSS-прокрутки поддерживают изменение полосы прокрутки только в IE и Webkit, но вот плагин JS, который будет изменять полосы прокрутки во всех браузерах

JScrollPane .

Но обычно это не очень хорошая идея, поскольку она может сбить с толку ваших пользователей, и такие элементы должны быть одинаковыми во всех браузерах.

Надеюсь, это поможет.