文档章节

Stylish 样式

真是杨晓光
 真是杨晓光
发布于 2015/01/06 22:32
字数 378
阅读 1571
收藏 2
<!-- lang: css -->
/*三行分别是字体粗细(整百数字),字体样式,字体阴影*/

*{font-weight:500!important;} *{font-family: "Microsoft Yahei", "Microsoft Yahei" !important; } *{text-shadow:0.01em 0.01em 0.01em #999999 !important;}

/滚动条/ ::-webkit-scrollbar{width: 6px;height: 6px;} ::-webkit-scrollbar-track-piece{background-color: #CCCCCC;-webkit-border-radius: 6px;} ::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #999999;-webkit-border-radius: 6px;} ::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #CCCCCC;-webkit-border-radius: 6px;} ::-webkit-scrollbar {width: 9px;height: 9px;} ::-webkit-scrollbar-track-piece {background-color: transparent;} ::-webkit-scrollbar-track-piece:no-button {} ::-webkit-scrollbar-thumb {background-color: #3994EF;border-radius: 3px;} ::-webkit-scrollbar-thumb:hover {background-color: #A4EEF0;} ::-webkit-scrollbar-thumb:active {background-color: #666;} ::-webkit-scrollbar-button:vertical { width: 9px; } ::-webkit-scrollbar-button:horizontal { width: 9px; } ::-webkit-scrollbar-button:vertical:start:decrement { background-color: white; } ::-webkit-scrollbar-button:vertical:end:increment { background-color: white; } ::-webkit-scrollbar-button:horizontal:start:decrement { background-color: white; } ::-webkit-scrollbar-button:horizontal:end:increment { background-color: white; } body::-webkit-scrollbar-track-piece {background-color: white;}

/指向图片绿光/ img:hover{box-shadow: 0px 0px 4px 4px rgba(130,190,10,0.6) !important;-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;} img{-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}

/输入框美化/ input { border:#ccc 1px solid; border-radius: 6px; -webkit-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} input:focus, select:focus, textarea:focus {outline: 1px solid #10bae0 ;-webkit-outline-radius: 3px ;} body a:hover:active {color: #10bae0;} body *:focus {outline: 2px solid rgba(16,186,224,0.5) ;outline-offset: 1px ;outline-radius: 2px ;-webkit-outline-radius: 2px ;} body a:focus {outline-offset: 0px ;} body button:focus, body input[type=reset]:focus, body input[type=button]:focus, body input[type=submit]:focus {outline-radius: 2px !important;-webkit-outline-radius: 2px !important;} body textarea:focus, body button:focus, body select:focus, body input:focus {outline-offset: -1px !important;}

/淡蓝色样式/ a{-webkit-transition: all 0.3s ease-out;} a:hover{color: #39F !important;text-shadow:-5px 3px 18px #39F !important;-webkit-transition: all 0.3s ease-out;} *::-webkit-selection {background: #333333 !important; color: #00FF00 !important; }

/去除下划线/ *{text-decoration:none!important} a:hover{text-decoration:none!important}

a{ /color: #014A8F;/ -webkit-transition-property:color; -webkit-transition-duration: 0.0s; }

/指向文字加粗/ a:hover { /color: #0000FF ;/ -webkit-transition-property:color; -webkit-transition-duration: 0.0s; font-weight:bold }

/访问过链接红色/ a:visited, a:visited *, a:active, a:active * {color: #FF0000 !important;}

© 著作权归作者所有

真是杨晓光

真是杨晓光

粉丝 3
博文 31
码字总数 2812
作品 1
沈阳
后端工程师
私信 提问
加载中

评论(3)

真是杨晓光
真是杨晓光 博主
*{font-weight:500!important;}
*{font-family:"方正静蕾简体","方正静蕾简体" !important; }
*{text-shadow:0.01em 0.01em 0.01em #999999 !important;}
*{font-size: 18px}


img:hover{box-shadow: 0px 0px 4px 4px rgba(130,190,10,0.6) !important;-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}
img{-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}


input { border:#ccc 1px solid; border-radius: 6px; -webkit-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}
input:focus, select:focus, textarea:focus {outline: 1px solid #10bae0 ;-webkit-outline-radius: 3px ;}
body a:hover:active {color: #10bae0;}

body a:focus {outline-offset: 0px ;}
真是杨晓光
真是杨晓光 博主
修正后的结果
真是杨晓光
真是杨晓光 博主
*{font-weight:500!important;}
*{font-family:"方正喵呜体","方正喵呜体" !important; }
*{text-shadow:0.01em 0.01em 0.01em #999999 !important;}


img:hover{box-shadow: 0px 0px 4px 4px rgba(130,190,10,0.6) !important;-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}
img{-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}


input { border:#ccc 1px solid; border-radius: 6px; -webkit-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}
input:focus, select:focus, textarea:focus {outline: 1px solid #10bae0 ;-webkit-outline-radius: 3px ;}
body a:hover:active {color: #10bae0;}

body a:focus {outline-offset: 0px ;}
body button
stylish插件怎么用?如果用stylish修改网页的样式?

stylish插件是我们对网站进行样式修改时常用的chrome插件。其原理就是修改网页的CSS样式,用户可以通过自己写css代码,来修改网页为自己喜欢的排版和浏览习惯,这个对于文字较多的网页尤其赞...

TheBeauty2016
2017/07/16
0
0
推荐一个不错的 Chrome 插件,百变皮肤,还可以去广告

今天在这里给大家推荐一个非常棒,非常不错的 Chrome 插件,功能实在是强大又好玩,让你在浏览器中可以如孙悟空一样72变,再不济,如果你不会用,不会自定义写 CSS 样式,也能够做到如猪八戒...

涩郎
2017/08/30
0
0
用Stylish来改变OSC的资讯部分

osc的资讯部分今天改版了,各种不适应,还是老版的看起来更舒服点。 想看看能不能修改下,就发现火狐已经安装过Stylish了,在网上查看了下修改方法,挺简单的。 首先看下改版后的样式 热点部...

北落
2012/12/26
72
0
因窃取用户数据,Stylish 从 Firefox 与 Chrome 下架

近日,谷歌和 Mozilla 将 Stylish 插件从其各自的应用中心删除。一份 bug report 显示,Stylish 暗中记录用户的浏览器历史记录并将数据发送到远程服务器,Mozilla 对此作出了说明,而谷歌则直...

h4cd
2018/07/08
3.1K
6
chrome浏览器去掉打开新标签的常用地址缩略图

chrome浏览器是我们最常用的浏览器,但是打开标签后会显示历史的缩略图。有时别人借用我们的电脑,或者开着电脑演示时,这些浏览记录就会被展示出来,总是感觉怪怪的。谷歌一番,发现了关闭缩...

tangxd9891
2017/06/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Git

指令 git init :创建版本库,生成.git文件夹 git add XX:上传代码到暂存区 git state:查看目前本地工作起、暂存区、分支,三者之间的文件状态 git diff demo.html:查看工作区和暂存区的代码...

Hui先生
37分钟前
6
0
绘制流程图用什么软件好?分享绘制流程图的简单方法

绘制流程图一般有两种方法,一种是手绘,另一种是利用画图工具进行绘制,更多的人们选择使用第二种方法进行绘制,方便简单。那绘制流程图用什么软件好?若是使用电脑进行绘制,可以选择迅捷画...

百因必有果
40分钟前
8
0
PHP制作的掷色子点数抽奖游戏实例

PHP制作的掷色子点数抽奖游戏实例,通过掷色子点数来达到抽奖的效果,为抽奖活动增添一些趣味性。 我们将在html页面中写下如下的html结构代码,.wrap用来放置色子和提示信息,#prize则是用来...

ymkjs1990
53分钟前
5
0
宝塔免费版部署

宝塔免费版部署 NiuSHOP安装环境及宝塔一键部署免费版 1、Niushop安装环境 操作系统:支持Windows和linux 服务器:支持Apache/Nginx/IIS服务器 PHP5.6版本及以上,最高支持PHP7.2,MySQL版本...

Geek-Chic
今天
5
0
MySQL查询优化临时表

【理论分析】 MySQL在执行SQL查询时可能会用到临时表,一般情况下,用到临时表就意味着性能较低。 临时表存储 MySQL临时表分为“内存临时表”和“磁盘临时表”,其中内存临时表使用MySQL的M...

1只特立独行的猪
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部