|
|
本帖最后由 lyn2112 于 2018-1-22 15:23 编辑
都是一些对浏览网页很有用的样式文本代码，可以稍加研究。把代码复制到文本文档保存，然后把后缀改成.css，在浏览器设置-样式文本里导入就好了。
超链醒目加渲染框：
a {
text-decoration: none !important;
-webkit-transition: all 200ms;
}
a:hover {
border:3px solid #B3EE3A !important;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
-webkit-transition: all 300ms;
}
如果要和去下划线一起使用，请将此代码置于去下划线之上，方可正常显示
经过几天的使用，这个样式容易导致鼠标指向超链接时网页排版错误，部分超链接无法点击或很难点击
请自行取舍
字体阴影：
* {
text-shadow: silver 1px 1px 2px !important;
}
silver也可以用颜色代码比如#8C8C8C
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;
}
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;}
鼠标移动到超链接上的时候显示下划线
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
}
夜间模式
*{background-image: none !important;background: none !important;background:#080808 !important;color:#ccc!important;border-color:#555555 !important;scrollbar-arrow-color:#CCCCCC !important;scrollbar-base-color:#2266AA !important;scrollbar-shadow-color:#2266AA !important;scrollbar-face-color:#080808 !important;scrollbar-highlight-color:#2266AA !important;scrollbar-dark-shadow-color:#2266AA !important;scrollbar-3d-light-color:#2266AA !important;scrollbar-track-color:#FDF5E6 !important;}a,a *{color:#84E4E3 !important;text-decoration:none !important;}a:visited,a:visited *,a:active,a:active *{color:#5588AA !important;}a:hover,a:hover *{color:#AADD88 !important;background:#666666 !important;}input,select,option,button,textarea{color:#AAAAAA !important;background:#555555 !important;border:#666666 !important;border-color: #666666 #ccc #ccc #666666 !important;}input:focus,select:focus,option:focus,button:focus,textarea:focus,input:hover,select:hover,option:hover,button:hover,textarea:hover {color:#BBBBBB !important;background:#5A5A5A !important;border-color: #777777 #999999 #999999 #777777 !important;}input[type=button],input[type=submit],input[type=reset],input[type=image] {border-color: #ccc #666666 #666666 #ccc !important;}input[type=button]:focus,input[type=submit]:focus,input[type=reset]:focus,input[type=image]:focus, input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=image]:hover {color:#BBBBBB !important;background:#666666 !important; border-color: #AAAAAA #ccc #ccc #AAAAAA !important;}
让滚动条隐身
#body{}
::-webkit-scrollbar
{
width: 3px;
height: 3px;
}
::-webkit-scrollbar-track-piece
{
background-color: #ffffff;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:vertical
{
height: 5px;
background-color: #666;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:horizontal
{
width: 5px;
background-color: #666;
-webkit-border-radius: 3px;
}
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}
去除全局网页的链接下划线
a{text-decoration:none !important}
鼠标移动到超链接上的时候显示下划线
a:hover{text-decoration:underline !important;color: #0000FF;font-weight:bold;}
自用的文本样式：
自用样式.rar
(593 Bytes, 下载次数: 2751)
|
|
发表于 2017-8-16 13:09:21
发表于 2017-8-16 23:47:12
发表于 2022-1-21 12:24:31
