Я пытаюсь настроить CSS сайта, чтобы цвета полосы прокрутки хорошо сочетались с родительским элементом полосы прокрутки.Оглядываясь вокруг, я обнаружил директиву scrollbar-color
CSS, которую поддерживает Firefox, и набор псевдоклассов -webkit-scrollbar, которые охватывают Safari и Chrome.Но мой собственный браузер, основанный на Chromium, кажется невосприимчивым ко всем этим трюкам.
Вот соответствующий CSS, который я использую до сих пор.(Это для боковой панели навигации в левой колонке здесь :
#navigation {
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
overflow-x: hidden;
overflow-y: scroll;
scrollbar-color: #454 black;
}
#navigation::-webkit-scrollbar {
width: 10px;
background-color: black;
}
#navigation::-webkit-scrollbar-thumb {
width: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #454;
}
Любые трюки с благодарностью приветствуются!