Webkit-scrollbar не работает в Chrome
У меня есть код ниже в моем файле css:
.workarea-view-scroll-wrapper::-webkit-scrollbar {
width:0px;
background: transparent;
}
Когда я открываю страницу в Chrome, кажется, что Chrome обрабатывает эту ширину и фон как «недопустимое значение свойства». Я не уверен, в чем проблема.
Я перепроверил это. Если есть какие-то css, которые переопределили бы этот, тогда он не должен отображать этот желтый предупреждающий символ. На нем отображается желтый предупреждающий символ, как показано на скриншоте.
@ user3247691, можете ли вы поместить весь код, примененный на .workarea-view-scroll-wrapper, в jsfiddle? Это упростило бы просмотр того, что происходит.
Кроме того, если вы наводите курсор на восклицательный знак, он обычно сообщает вам, в чем ошибка.
пожалуйста, проверьте скриншот.
Это должен быть какой-то сторонний плагин, который вы используете - вы отключили все плагины в браузере. Кроме того, если вы посмотрите на мою скрипку в первом комментарии, это работает или нет?
@ Пит, да, твоя рабочий пример работает. хром не должен отображать это недопустимое свойство. Его концепция вводит в заблуждение.
если я запустил анусер @Pete в google chrome, я получу такой результат: https://imgur.com/a/kIYdu8c, так что, вероятно, к .workarea-view-scroll-wrapper применен какой-то другой код, который мы не видим на прикрепленном скриншоте.
@RamondeVries, если я добавлю тот же фрагмент кода, используя новую функцию хромирования стиля, то он сработает.
Ответы 1
но почему вы не пошли с # (id =?, в любом случае попробуйте следующее:
/* width */
.workarea-view-scroll-wrapper::-webkit-scrollbar {
width: 0.1px !important;
}
/* Track */
.workarea-view-scroll-wrapper::-webkit-scrollbar-track {
background: transparent !important;
}
/* Handle */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb {
background: transparent !important;
}
/* Handle on hover */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb:hover {
background: transparent !important;
}