<p>chrome浏览器的使用者想必已经习惯于chrome的操作和样式了,但如果能变化下chrome的功能或其他一些特性相信也会给chrome迷带来不一样的感觉。这个可以通过custom.css文件来实现。
custom.css文件的目录路径:Users管理员用户AppDataLocalGoogleChromeUser DataDefaultUser StyleSheets
怎么样通过更改custom.css来修改chrome呢?添加以下代码到custom.css文件即可:

默认滚动条换为Mac版滚动条
::-webkit-scrollbar{
width:6px;
height:6px;
background-color:#fff;
}
::-webkit-scrollbar:hover{
background-color:#eee;
}
::-webkit-scrollbar-thumb{
min-height:5px;
min-width:5px;
-webkit-border-radius:20px;border:1px solid#888;
::-webkit-border-radius:1px;
background-color: #AAA;
}
::-webkit-scrollbar-thumb:hover{
min-height:5px;
min-width:5px;
-webkit-border-radius:20px;border:1px solid#444;
background-color: #AAA;
}
::-webkit-scrollbar-thumb:active{
-webkit-border-radius:20px;border:1px solid#444;
background-color: #AAA;
}

去下划线
a{text-decoration:none !important}
a em{text-decoration:none !important}
a:hover{
border-color:rgba(15,215,60,.5) !important;
border-top-style: dashed !important;
border-bottom-style: dashed !important;
border-top-width: 1.5px !important;
border-bottom-width: 1.5px !important;
}

取消最常访问的网站和最近关闭的标签,应用程序导航,应用商店,(内部测试版本),主题作者
a[app-id="web-store-entry"]{display:none !important}
div[id^="most-visited"],#recently-closed{display:none}
div[id^="apps"],#recently-closed{display:none}
#internal-test-span-zh{display:none !important}
#attribution.attribution{display:none}

取消chrome dev之类的高版本,想取消右上角的邮箱用户名
#login-container #login-username{display:none}

Mac版输入框(让登录框,编辑框发光)
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
outline: 2px solid #4C7CD0 !important;
-webkit-box-shadow:0px 0px 0px #4C7CD0 !important;}
input[type="checkbox"]:focus,input[type="submit"]:focus,input[type="reset"]:focus, input[type="radio"]:focus {
outline: 1px solid #4C7CD0 !important;}

设置背景颜色
html, body {background-color: #CCFF99!important;}

去除全局网页的链接下划线
a{text-decoration:none !important}

鼠标移动到超链接上的时候显示下划线
a:hover{text-decoration:underline !important;color: #0000FF;font-weight:bold;}

使用雅黑字体
*{font-family: "WenQuanYi Micro Hei Mono", "WenQuanYi Micro Hei", "Microsoft Yahei Mono", "Microsoft Yahei", sans-serif !important;}

输入框圆角
input {
border:#ccc 1px solid;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
border: 2px solid #6FA1D9 !important;
-webkit-box-shadow:0px 0px 5px #6FA1D9 !important;outline:none
}
input[type="checkbox"]:focus,input[type="submit"]:focus,input[type="reset"]:focus, input[type="radio"]:focus {
border: 1px solid #6FA1D9 !important; outline:none
}</p>

最后修改:2019 年 06 月 06 日 08 : 22
如果觉得我的文章对你有用,请随意赞赏