題 是否可以在Windows 8中更改滾動條顏色?


通常當我瀏覽具有大量內容的網頁時,滾動條很難找到,因為可點擊部分的位置與背景之間的對比度很低。

如果我有辦法改變滾動條的可點擊部分的顏色以便我能更好地看到它,那將會很棒。這可能嗎?


10
2017-11-28 23:54


起源


看了好看10分鐘,沒有發現任何有用的東西= p - cutrightjm
試試Decor8(stardock.com/products/decor8/index.asp)。如果它不支持它,請求該功能並希望開發人員添加它。 - magicandre1981
@ magicandre1981在我看來,Decor8的功能集專注於Win8啟動屏幕,而我正在關注桌面應用程序(特別是Chrome)及其配色方案。 - khrave


答案:


滾動條顏色由Windows主題定義。

對於瀏覽器,您可以使用自定義CSS。在您的情況下,對於Google Chrome,您可以安裝擴展程序“Stylish”並使用以下代碼添加新樣式:

body {
    position: absolute;
    top:20px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 0px; 
    overflow-y: scroll;
    overflow-x: hidden;
}

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); }

可選擇進一步改進風格:

html { overflow: auto; }

5
2017-12-12 15:35



謝謝!這回答了我的問題,在稍微修改一下CSS之後,我想我可以根據自己的喜好進行調整。好答案。 - khrave
我有同樣的問題 - 但也與其他程序,而不僅僅是瀏覽器。我很想看到涵蓋所有窗口滾動條的解決方案。 - Joe