?

詳細(xì)內(nèi)容請點(diǎn)擊

?

/*---滾動條默認(rèn)顯示樣式--*/ ::-webkit-scrollbar-thumb{ height:50px; outline-offset:-2px; outline:2px solid #fff; -webkit-border-radius:4px; border: 2px solid #fff; } /*---鼠標(biāo)點(diǎn)擊滾動條顯示樣式--*/ ::-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; } /* 滑軌兩頭的監(jiān)聽按鈕顏色 */ ::-webkit-scrollbar-corner { background-color: black; } /* 橫向滾動條和縱向滾動條相交處尖角的顏色 */

?

更多html5內(nèi)容請點(diǎn)擊

?

轉(zhuǎn)載于:https://www.cnblogs.com/j--d/p/html5-j--d.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。