有不少可以幫你修改Chrome默認(rèn)滾動(dòng)條樣式的擴(kuò)展，Scroll Bar X就是其中的佼佼者，但是這個(gè)擴(kuò)展在安裝的時(shí)候提示說(shuō)會(huì)存取所有的網(wǎng)站數(shù)據(jù)，這就讓人感覺(jué)很難以接受了。其實(shí)咱們可以自己動(dòng)手，豐衣足食。首先在自己的系統(tǒng)里找到如下這個(gè).css文件：

Windows:
%LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

Mac:
/Users/YourUsername/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

Ubuntu:
~/.config/chromium/Default/User\ StyleSheets/Custom.css

用任何一款文字編輯器打開(kāi)之，加入以下代碼：

::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0; } ::-webkit-scrollbar{width:8px;height:8px; } ::-webkit-scrollbar-thumb{height:50px;background-color:#999;-webkit-border-radius:4px;outline:2px solid #fff;outline-offset:-2px;border: 2px solid #fff; } ::-webkit-scrollbar-thumb:hover{height:50px;background-color:#9f9f9f;-webkit-border-radius:4px; }

保存之后重新打開(kāi)你的Chrome瀏覽器，看到變化了吧？其實(shí)這些都是基礎(chǔ)的CSS代碼，所以你可以隨心所欲的定制。比如你覺(jué)得滾動(dòng)條太細(xì)了，即可編輯以下這段代碼里的寬度：

::-webkit-scrollbar{width:16px; }

另外，其實(shí)Chrome的Web Inspector也是可以通過(guò)修改CSS來(lái)定制頁(yè)面風(fēng)格的，其CSS文件地址：

Windows:
%LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

Mac:
/Users/YourUsername/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

Ubuntu:
~/.config/chromium/Default/User\ StyleSheets/Custom.css

Via?GTricks

轉(zhuǎn)載自：谷奧

轉(zhuǎn)載于:https://www.cnblogs.com/cmleung/archive/2011/09/01/2161545.html

總結(jié)

以上是生活随笔為你收集整理的自定义Chrome 滚动条样式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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