注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

淡淡De影痕的博客

将来的你一定会感激现在拼命的自己。

 
 
 

日志

 
 
 
 

滚动条样式  

2014-03-29 22:55:32|  分类: CSS小结 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
webkit浏览器css设置滚动条

主要有下面7个属性

::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的
::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track  外层轨道
::-webkit-scrollbar-track-piece  内层滚动槽
::-webkit-scrollbar-thumb 滚动的滑块
::-webkit-scrollbar-corner 边角
::-webkit-resizer 定义右下角拖动块的样式
滚动条样式 - 淡淡De影痕 - 淡淡De影痕的博客
IE Css设置滚动条
Body {
scrollbar-arrow-color: #f4ae21;  /*三角箭头的颜色*/
scrollbar-face-color: #333;  /*立体滚动条的颜色*/
scrollbar-3dlight-color: #666;  /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: #666;  /*滚动条空白部分的颜色*/
scrollbar-shadow-color: #999;  /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: #666;  /*立体滚动条强阴影的颜色*/
scrollbar-track-color: #666;  /*立体滚动条背景颜色*/
scrollbar-base-color:#f8f8f8;  /*滚动条的基本颜色*/
Cursor:url(mouse.cur);  /*自定义个性鼠标*/
}
 

欢迎大家交流指正~  淡淡De影痕
  评论这张
 
阅读(32)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018