是否可以在Windows 8中更改滚动条颜色?

Modified on: Tue, 12 Feb 2019 22:00:02 +0800

通常当我浏览包含大量内容的网页时,很难找到滚动条,因为可点击部分的位置与背景之间的对比度很低。

如果我有办法改变滚动条的可点击部分的颜色以便我能更好地看到它,那将会很棒。这可能吗?

作者:user139604,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; }

相关问答

添加新评论