自定义浏览器的滚动条

Customized WebKit Scrollbar /* Let´s get this party started */ 
::-webkit-scrollbar { 
width: 12px; 
} 
/* Track */ 
::-webkit-scrollbar-track { 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
-webkit-border-radius: 10px; 
border-radius: 10px; 
} 
/* Handle */ 
::-webkit-scrollbar-thumb { 
-webkit-border-radius: 10px; 
border-radius: 10px; 
background: rgba(255,0,0,0.8); 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} 
::-webkit-scrollbar-thumb:window-inactive { 
background: rgba(255,0,0,0.4); 
}-webkit-background-composite: plus-darker; -webkit-background-composite用来设置一个元素的背景或颜色的组合样式 
-webkit-text-stroke: 1px rgba(0,0,0,0.5); -webkit-text-stroke可以用来给文字添加描边 
-webkit-mask-image: url(/path/to/mask.png); 定义一个图片用来遮罩元素 
-webkit-box-reflect: below 5px; 定义了一个元素的反射 
:local-link {font-weight: normal;} local-link可以定义相对地址的链接样式

 

上一篇:android – 无法在启用了FastScroll的ListView上选择右键


下一篇:使用ui给定的字体,通过css引入字体库