custom.css的用途【23inred吧】

23inred吧关注：4贴子：364

1 2 下一页尾页
16回复贴，共2页
，跳到页

custom.css的用途

1.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;
}

送TA礼物

IP属地:加拿大

1楼2012-08-22 15:27回复

2.去下划线
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;
}

IP属地:加拿大

2楼2012-08-22 15:28

3.取消最常访问的网站和最近关闭的标签,应用程序导航,应用商店,（内部测试版本）,主题作者
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}

IP属地:加拿大

3楼2012-08-22 15:28

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

IP属地:加拿大

4楼2012-08-22 15:29

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

IP属地:加拿大

5楼2012-08-22 15:29

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

IP属地:加拿大

6楼2012-08-22 15:29

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

IP属地:加拿大

7楼2012-08-22 15:30

8.输入框圆角
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
}

IP属地:加拿大

8楼2012-08-22 15:30

9.让chrome--Chromium链接更加醒目
a {
text-decoration: none !important;
-webkit-transition: all 200ms;
}
a:hover {
color: white !important;
background-color: #9F9F9F !important;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
-webkit-transition: all 100ms;
}

IP属地:加拿大

9楼2012-08-22 15:31

10.有下划线，绿色背景，这样好像比较好看
a:hover {
color: white !important;
background-color: #60BF00 !important;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
-webkit-transition: all 100ms;
}

IP属地:加拿大

10楼2012-08-22 15:32

11.超链接的border渲染边框
如果要和去下划线一起使用，请将此代码置于去下划线之上，方可正常显示
经过几天的使用，这个样式容易导致鼠标指向超链接时网页排版错误，部分超链接无法点击或很难点击
请自行取舍
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;
}

IP属地:加拿大

11楼2012-08-22 15:32

12.这样改贴吧右上角鼠标经过不会字体重叠。。。
a:hover {
border-top:3px solid #B3EE3A !important;
border-right:1px solid #B3EE3A !important;
border-bottom:3px solid #B3EE3A !important;
border-left:1px solid #B3EE3A !important;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
-webkit-transition: all 300ms;
}

IP属地:加拿大

12楼2012-08-22 15:33

13.字体阴影
* {
text-shadow: silver 1px 1px 2px !important;
}
------------------------------------------------
------------------------------------------------
silver也可以用颜色代码比如#8C8C8C

IP属地:加拿大

13楼2012-08-22 15:34

14.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;}

IP属地:加拿大

14楼2012-09-21 20:21