html – CSS：如何更改webkit中滚动条的右下方的颜色？

概述题： 如何在webkit(Google-Chrome)中更改滚动条(黑色)的右下角的颜色？ 这是我到目前为止 /*http://www.coffeepowered.net/2011/06/17/sexy-css-scrollbars/ Custom Scrollbars in WebKit */::-webkit-scrollbar { width 题：

如何在webkit(Google-Chrome)中更改滚动条(黑色)的右下角的颜色？

这是我到目前为止

/*http://www.coffeepowered.net/2011/06/17/sexy-css-scrollbars/    
     Custom Scrollbars in WebKit   
*/::-webkit-scrollbar {    wIDth: 13px;    height: 13px; }::-webkit-scrollbar:hover {    height: 18px; }::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {    height: 15px;    wIDth: 13px;    display: block;    background: #101211;    background-repeat: no-repeat; }::-webkit-scrollbar-button:horizontal:decrement {    background-image: url(./images/horizontal-decrement-arrow.png);    background-position: 4px 3px; }::-webkit-scrollbar-button:horizontal:increment {    background-image: url(./images/horizontal-increment-arrow.png);    background-position: 3px 3px; }::-webkit-scrollbar-button:vertical:decrement {    background-image: url(./images/vertical-decrement-arrow.png);    background-position: 3px 4px; }::-webkit-scrollbar-button:vertical:increment {    background-image: url(./images/vertical-increment-arrow.png);    background-position: 3px 4px; }::-webkit-scrollbar-button:horizontal:decrement:active { background-image: url(./images/horizontal-decrement-arrow-active.png); }::-webkit-scrollbar-button:horizontal:increment:active { background-image: url(./images/horizontal-increment-arrow-active.png); }::-webkit-scrollbar-button:vertical:decrement:active { background-image: url(./images/vertical-decrement-arrow-active.png); }::-webkit-scrollbar-button:vertical:increment:active { background-image: url(./images/vertical-increment-arrow-active.png); }::-webkit-scrollbar-track {    -webkit-Box-shadow: inset 0 0 6px rgba(0,0.3);     border-radius: 10px;}::-webkit-scrollbar-track-pIEce {    background-color: #151716; }::-webkit-scrollbar-thumb:vertical {    height: 50px;    background: -webkit-gradIEnt(linear,left top,right top,color-stop(0%,#4d4d4d),color-stop(100%,#333333));    border: 1px solID #0d0d0d;    border-top: 1px solID #666666;    border-left: 1px solID #666666;     border-radius: 10px;    -webkit-Box-shadow: inset 0 0 6px rgba(0,0.5); }::-webkit-scrollbar-thumb:horizontal {    wIDth: 50px;    background: -webkit-gradIEnt(linear,left bottom,#333333));    border: 1px solID #1f1f1f;    border-top: 1px solID #666666;    border-left: 1px solID #666666;     border-radius: 10px;    -webkit-Box-shadow: inset 0 0 6px rgba(0,0.5); }

解决方法 啊没关系：

答案发现here

::-webkit-scrollbar-corner {/*background-image: url(resources/corner.png);background-repeat: no-repeat;*/background-color: #3D3D3D;}

总结

以上是内存溢出为你收集整理的html – CSS：如何更改webkit中滚动条的右下方的颜色？全部内容，希望文章能够帮你解决html – CSS：如何更改webkit中滚动条的右下方的颜色？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。