Как изменить полосу прокрутки в Google Chrome на разные цвета?

1832
Neo

Мне не нравится полоса прокрутки по умолчанию в Google Chrome:

enter image description here

Есть ли способ, которым я мог бы изменить его цвета?

0

1 ответ на вопрос

1
Neo

Хорошей новостью является то, что если вы используете хром, вы можете изменить почти везде.
Перейдите сюда, название плагина - это то, что мы ищем Styleish :

https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe
Установите его и после этого создайте такой стиль:

Click for the S icon (styles) Manage styles

enter image description here

И теперь вы можете вставить следующий код

::-webkit-scrollbar { width: 11px; height: 11px; } ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-thumb { background: #840000; border: 1px solid #802113; border-radius: 50px; } ::-webkit-scrollbar-thumb:hover { background: #f90000; } ::-webkit-scrollbar-thumb:active { background: #ff2b2b; } ::-webkit-scrollbar-track { background: #e80000; border: 0px none #ffffff; border-radius: 53px; } ::-webkit-scrollbar-track:hover { background: #666666; } ::-webkit-scrollbar-track:active { background: #333333; } ::-webkit-scrollbar-corner { background: transparent; }

Конечно, если вам не нравится красный фон, вы можете отредактировать раздел backgorund.
Но, если вы предпочитаете визуальное решение, вы можете создать свою собственную полосу прокрутки здесь:
http://mikethedj4.github.io/Webkit-Scrollbar-Generator/
Когда вы закончите редактирование, нажмите кнопку «Сохранить», обновите страницу и теперь Вы получаете красивую полосу прокрутки почти везде.
Примечание:
Вы можете добавить "!important"атрибут для цветов, это означает, что css:
«Эй, это важно, поэтому мне не нужны другие настройки для этого элемента»
Синтаксис:

background: #666666 !important;

Конечно, вы можете использовать простые названия цветов, такие как черный или красный и т. Д., Но я думаю, что цветовой код намного красивее, потому что вы получаете тот же цвет, который хотите.
Если вы выберете этот метод, вы можете использовать этот цветовой микшер, например:
http://www.w3schools.com/tags/ref_colormixer.asp?colorbottom=000000&colortop=FFFFFF
И это все, теперь вы можете работать в моллюсках, безо всякого шума уродливая полоса прокрутки.
Примечание 2:
Да, у него есть проблемы на некоторых страницах, но я думаю, что важный атрибут может решить эту проблему.

Похожие вопросы