?

詳細內容請點擊

?

/*---滾動條默認顯示樣式--*/ ::-webkit-scrollbar-thumb{ height:50px; outline-offset:-2px; outline:2px solid #fff; -webkit-border-radius:4px; border: 2px solid #fff; } /*---鼠標點擊滾動條顯示樣式--*/ ::-webkit-scrollbar-thumb:hover{ height:50px; -webkit-border-radius:4px; } /*---滾動條大小--*/ ::-webkit-scrollbar{ width:8px; height:8px; } /*---滾動框背景樣式--*/ ::-webkit-scrollbar-track-piece{ -webkit-border-radius:0; } ========================== ::-webkit-scrollbar-track { background-color: #b46868; } /* 滾動條的滑軌背景顏色 */ ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); } /* 滑塊顏色 */ ::-webkit-scrollbar-button { background-color: #7c2929; } /* 滑軌兩頭的監聽按鈕顏色 */ ::-webkit-scrollbar-corner { background-color: black; } /* 橫向滾動條和縱向滾動條相交處尖角的顏色 */

?

更多html5內容請點擊

?

轉載于:https://www.cnblogs.com/j--d/p/html5-j--d.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的css改变谷歌浏览器的滚动条样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。