很多时候我在浏览内容很多的网页时,由于可点击部分的位置和背景的对比度较低,滚动条很难找到。
如果有办法让我改变滚动条可点击部分的颜色以便我能够更清楚地看到它,那就太好了。这可能吗?
答案1
滚动条颜色由 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; }