请选择 进入手机版 | 继续访问电脑版

百分浏览器论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 8937|回复: 12

网上淘来的样式文件

[复制链接]

2

主题

36

回帖

209

积分

中级会员

Rank: 3Rank: 3

积分
209
发表于 2017-8-16 13:09:21 | 显示全部楼层 |阅读模式
本帖最后由 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, 下载次数: 2658)

自用样式效果.jpg


回复

使用道具 举报

41

主题

5835

回帖

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
19976
发表于 2017-8-16 23:47:12 | 显示全部楼层
感谢分享!!
QQ(2530160833)
回复

使用道具 举报

4

主题

13

回帖

80

积分

注册会员

Rank: 2

积分
80
发表于 2018-1-2 21:57:21 | 显示全部楼层
感谢分享!
回复

使用道具 举报

1

主题

4

回帖

36

积分

新手上路

Rank: 1

积分
36
发表于 2020-5-5 16:51:58 | 显示全部楼层
试试,怎么样,,
回复

使用道具 举报

1

主题

1

回帖

16

积分

新手上路

Rank: 1

积分
16
发表于 2020-5-11 17:26:31 | 显示全部楼层
感谢楼主分享,效果非常不错
回复

使用道具 举报

7

主题

11

回帖

135

积分

注册会员

Rank: 2

积分
135
发表于 2022-1-21 10:02:20 | 显示全部楼层
使用雅黑字体会是油猴管理界面异常
1I[%~UD2KU(@{GV32~@ZPSC.png
回复

使用道具 举报

7

主题

6435

回帖

1万

积分

超级版主

(^^ゞ

Rank: 8Rank: 8

积分
18315
发表于 2022-1-21 12:24:31 | 显示全部楼层
cookie981 发表于 2022-1-21 10:02
使用雅黑字体会是油猴管理界面异常

应该是范围太大了吧,把使用雅黑字体那里改成:
  1. *:not(i){font-family: "WenQuanYi Micro Hei Mono", "WenQuanYi Micro Hei", "Microsoft Yahei Mono", "Microsoft Yahei", sans-serif !important;}
复制代码

试试看吧。
¯\(°_o)/¯
回复

使用道具 举报

0

主题

2

回帖

45

积分

新手上路

Rank: 1

积分
45
发表于 2023-5-19 16:38:40 | 显示全部楼层
S8F8ry 发表于 2022-1-21 12:24
应该是范围太大了吧,把使用雅黑字体那里改成:

试试看吧。

大佬,用了你这段代码,有些地方恢复正常了,但有些地方还会这样,如图
截屏图片1.jpg
截屏图片.jpg
回复

使用道具 举报

0

主题

2

回帖

45

积分

新手上路

Rank: 1

积分
45
发表于 2023-5-19 16:40:05 | 显示全部楼层
S8F8ry 发表于 2022-1-21 12:24
应该是范围太大了吧,把使用雅黑字体那里改成:

试试看吧。

大佬,用了你这个,有些地方好了,有些地方还是那样
截屏图片.jpg
回复

使用道具 举报

7

主题

6435

回帖

1万

积分

超级版主

(^^ゞ

Rank: 8Rank: 8

积分
18315
发表于 2023-5-19 19:12:19 | 显示全部楼层
hean2002 发表于 2023-5-19 16:40
大佬,用了你这个,有些地方好了,有些地方还是那样

那试试这样改:
  1. *:not([class*="FokDXb"]):not([class*="icon"]):not([class*="mui-amount"]):not([class*="chaoshi"]):not([class*="top-nav"]):not([href*="ju.taobao.com"]):not([class*="Icon"]):not(b):not(ins):not(i):not(s){font-family: "WenQuanYi Micro Hei Mono", "WenQuanYi Micro Hei", "Microsoft Yahei Mono", "Microsoft Yahei", sans-serif !important;}
复制代码


¯\(°_o)/¯
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|百分浏览器论坛

GMT+8, 2024-3-29 19:02 , Processed in 0.052510 second(s), 21 queries .

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表