chrome滾動(dòng)條樣式修改怎么操作 chrome瀏覽器滾動(dòng)條樣式定制設(shè)置方法

chrome瀏覽器是由谷歌開發(fā)的一款簡(jiǎn)單便捷的網(wǎng)頁(yè)瀏覽工具，我們?cè)陔娔X中使用chrome瀏覽器瀏覽網(wǎng)頁(yè)的時(shí)候，頁(yè)面右邊就會(huì)有一個(gè)可選擇的滾動(dòng)條，對(duì)此有些用戶覺得滾動(dòng)條樣式很是單一，因此就想要進(jìn)行修改，那么chrome滾動(dòng)條樣式修改怎么操作呢？下面小編就來(lái)教大家chrome瀏覽器滾動(dòng)條樣式定制設(shè)置方法。

#5468復(fù)制

具體方法：

1、用記事本打開custom.css文件，復(fù)制下面的代碼

/*---滾動(dòng)條默認(rèn)顯示樣式--*/ 

::-webkit-scrollbar-thumb{ 

background-color:#018EE8; 

height:50px; 

outline-offset:-2px; 

outline:2px solid #fff; 

-webkit-border-radius:4px; 

border: 2px solid #fff; 

}

/*---鼠標(biāo)點(diǎn)擊滾動(dòng)條顯示樣式--*/ 

::-webkit-scrollbar-thumb:hover{ 

background-color:#FB4446; 

height:50px; 

-webkit-border-radius:4px; 

}

/*---滾動(dòng)條大小--*/ 

::-webkit-scrollbar{ 

width:8px; 

height:8px; 

}

/*---滾動(dòng)框背景樣式--*/ 

::-webkit-scrollbar-track-piece{ 

background-color:#fff; 

-webkit-border-radius:0; 

}

2、把以上代碼粘貼到custom.css文件里面，保存后重啟谷歌瀏覽器，滾動(dòng)條就會(huì)變成這樣，當(dāng)然，你也可以自己修改，顏色大小圓角那些。

3、CSS里面hover是設(shè)置鼠標(biāo)放上鏈接的顏色，同樣的，active也可以設(shè)置鼠標(biāo)點(diǎn)擊的顏色，只要到上面的代碼添加如下代碼就行了。

::-webkit-scrollbar-thumb:active{

height:50px;

background-color:#000;

-webkit-border-radius:4px;

} 

上述就是chrome瀏覽器滾動(dòng)條樣式定制設(shè)置方法了，還有不清楚的用戶就可以參考一下小編的步驟進(jìn)行操作，希望能夠?qū)Υ蠹矣兴鶐椭?/p>