不用装扩展也可自定义 Chrome 滚动条的样式

标签: Google技巧 Chrome Chrome Extensions CSS | 发表时间:2011-08-31 15:49 | 作者:musiXboy iVane
出处:http://www.guao.hk

有不少可以帮你修改Chrome默认滚动条样式的扩展,Scroll Bar X就是其中的佼佼者,但是这个扩展在安装的时候提示说会存取所有的网站数据,这就让人感觉很难以接受了。其实咱们可以自己动手,丰衣足食。首先在自己的系统里找到如下这个.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

用任何一款文字编辑器打开之,加入以下代码:

::-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;
}

保存之后重新打开你的Chrome浏览器,看到变化了吧?其实这些都是基础的CSS代码,所以你可以随心所欲的定制。比如你觉得滚动条太细了,即可编辑以下这段代码里的宽度:

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

另外,其实Chrome的Web Inspector也是可以通过修改CSS来定制页面风格的,其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


© musiXboy 发表于 谷奥——探寻谷歌的奥秘 ( http://www.guao.hk ), 2011. | 7 条评论 | 永久链接 | 关于谷奥 | 投稿/爆料
Post tags: , ,

相关 [扩展 定义 chrome] 推荐:

如何自定义Chrome上的扩展程序图标

- Outman - Chrome迷
大概都知道的,如果你不喜欢某个Chrome的扩展程序图标,你可以选择右击图标中的“隐藏按钮”隐藏它. 隐藏后,程序依旧在后台运行,只是不会出现在你的屏幕视野中了. 如果你不喜欢默认扩展程序的图标,但你又经常使用这些扩展程序(就像下图那“天气”预报的图标,我承认这是一款好的程序,但图标做得实在是难看),那是不是代表你每天必须都要忍受这些难看的图标呢.

如何自定义 Chrome 扩展按钮的图标?

- Ivy - 谷奥——探寻谷歌的奥秘
如果你遇到了一个很实用的Chrome扩展,但作者拥有不敢恭维的艺术细胞做了一个很难看的扩展按钮始终影响你的Chrome美观性怎么办. 除了将其隐藏掉,其实你还可以替换它的图标. 首先,你需要找到这个扩展的目录,每个操作系统都不同:. 进入这里,你会看到很多很多毫无章法的目录,你需要挨个打开,看看其中的图片即可分辨出哪个目录是哪个扩展的.

不用装扩展也可自定义 Chrome 滚动条的样式

- iVane - 谷奥——探寻谷歌的奥秘
有不少可以帮你修改Chrome默认滚动条样式的扩展,Scroll Bar X就是其中的佼佼者,但是这个扩展在安装的时候提示说会存取所有的网站数据,这就让人感觉很难以接受了. 其实咱们可以自己动手,丰衣足食. 首先在自己的系统里找到如下这个.css文件:. 用任何一款文字编辑器打开之,加入以下代码:.

Chrome Remote Desktop 扩展

- Larry Li - Wow! Ubuntu
Google 发布了一款重量级的 Chrome 扩展,名为 Chrome Remote Desktop,通过它你可直接在 Chrome/Chromium 浏览器上远程访问其它人的电脑,或共享自已的电脑让别人远程遥控. Chrome Remote Desktop 目前还处于 Beta 阶段,它是一款跨平台软件,完全支持 Windows, Linux, Mac 和 Chromebooks,使用条件是你必须具备一个 Google 帐号.

ActiveX for Chrome 登陆 Chrome 官方扩展库

- Tony - Chrome迷
三个星期前,我们报道了 Chrome迷论坛会员 eagleonhill 打造出了首款可以在 Chrome 上使用 ActiveX 控件的扩展,引来了不少网友的关注. 不过当时的版本还非常初级,问题也很多,并且没有发布到官方 Chrome 扩展库中,很多用户表示不敢用. 经过作者的努力,现在这枚扩展已经修正了大量的Bug、给用户提供了一些预定义设置.

Chrome+Firefox 扩展推荐

- - 笨兔兔
Adblock – 阻击网页广告. Google Mail Checker – Gmail 收件箱提示. Turn Off The Lights –观看网页视频时候”关灯”. Google Chrome to Phone –将链接或信息直接发送到Android 手机上. IE Tab –Chrome 下使用IE风格显示网页.

快速禁用某个或全部 Chrome 扩展的 Chrome 扩展

- wyman - 谷奥——探寻谷歌的奥秘
也许你已经安装了太多太多的扩展了,而有些扩展可能临时才会用一下,其实不用的时候不如把他们禁用掉,省点内存,也省点屏幕空间. 禁用的好处就是你可以随时在需要的时候启用它,比直接卸载强. Disable All Extensions Plus这枚Chrome扩展就是干这个的,点击它的图标可以看到所有已安装的扩展,想禁用哪个直接点它名字就好了,或者直接禁用全部.

谷奥: 集成 JDownloader 的 Chrome 扩展:JDChrome

- Roger - 谷奥聚合——谷奥主站+谷安 aggregator
在网盘横行的时代,给用户带来了更加便捷的分享和存储方式,但免费的午餐并不总是那么可口的,单线程下载、流量限制、读秒等待,还有那鬼画符一样的验证码将免费用户折磨的精疲力竭,看到下载文件被分成10个 Part 以上想死的心都有了. JDownloader 则是目前最为流行的网盘下载工具,你只要抓取(grab)你所想要下载文件的链接,剩下的一系列工作都可以由 JDownloader 替你完成(除了某些网盘的验证码输入除外),你只需要舒舒服服的等待就好了,而且根据我个人的使用经验,JDownloader 的下载速度要明显高于用浏览器直接下载.

再推荐几枚 Google+ Chrome 扩展

- ylsrmlj - 谷奥——探寻谷歌的奥秘
在Google Plus页面加入Facebook和Twitter 的信息,可以看到左边Stream多了两个连接,点击即可查看. 在Google Plus页面顶部的黑条里加入Gmail未读邮件提示. 在Google Plus里分享信息时方便的同步到Facebook或Twitter. 安装地址:https://chrome.google.com/webstore/detail/hbgcgahdbgbdenffckohanhobdcnkoip.

官方 Chrome 扩展 Google Translate for Google+

- Qian - 谷奥——探寻谷歌的奥秘
其实这是个挺无聊也挺没技术含量的Chrome扩展,不过因为是Google官方的所以还是捎带手说一下. Google员工Josh Estelle做了这个Google Translate for Google+扩展,安装之后即可在每个Google+信息流里看到一个新的Translate按钮,点击即可将信息流或评论翻译成Google Translate所支持的任何语言.