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

Question

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

Answer 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); 
}

Настройте значения, если хотите.