Можно ли применить собственный стиль к определенному div вместо всей страницы

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

Есть ли у div класс, отличный от остальной части страницы? Отметьте этот ответ: stackoverflow.com/a/20231369/7948962

Jacob H 01.05.2018 19:20

Полосы прокрутки, как известно, сложно изменить, поскольку они являются элементом браузера; некоторые браузеры не позволяют их изменять. Итак, ваш ответ - «да», но не всегда.

Nathaniel Flick 01.05.2018 19:31
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
2
29
1

Ответы 1

Чтобы сделать действительно простую настраиваемую полосу прокрутки, вы можете сделать это:

::-webkit-scrollbar {


  width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

При желании измените значения.

Другие вопросы по теме