body,table,td,p,select,textarea,font,form,input,span,div,a,pre,li,frame,iframe *{
font-family:"Century Gothic","WenQuanYi Micro Hei Mono" !important
font-size:100%
}
#attribution.attribution{display:none}
::-webkit-scrollbar-track-piece{
background-color:#fff
-webkit-border-radius:1
}
::-webkit-scrollbar{
width:12px
height:8px
}
::-webkit-scrollbar-thumb{
height:50px
background-color:#999
-webkit-border-radius:4px
outline:2px solid #fff
outline-offset:-2px
border: 2px solid #fff
}
::-webkit-scrollbar-thumb:hover{
height:50px
background-color:#9f9f9f
-webkit-border-radius:4px
}
第一大段强制定义了中英文字体和字体大小;
之后的代码是自定义滚动条样式,这是从网上抄来的,为了和主题更加匹配;
另外,还请注意Custom.css务必以UTF8无BOM编码格式保存;
以上,仅供参考。
尽量采用标准的CSS样式,避免浏览器产生差异,而且对于现代浏览器来讲一般很少产生这种兼容性问题,如果实际情况需要区分,也尽量用以设置那些低版本浏览器(IE6/7/8)。要区分IE和chrome,有个分水岭就是IE9,IE9以上浏览器支持HTML5,所以可以采用一些CSS3中的新属性来区分IE低版本与chrome,另外还可以采用属性值加\9的方式来区分IE和chrome,例如:top:10px\9(仅IE有效)。