未央朝云吧 关注:72贴子:45
  • 3回复贴,共1

滚动条样式总结

只看楼主收藏回复



IP属地:上海1楼2016-11-02 10:05回复
    IE:


    IP属地:上海2楼2016-11-02 10:07
    回复
      2025-06-03 11:50:08
      广告
      谷歌:

      ::-webkit-scrollbar //滚动条整体部分,其中的属性有width,height,background,border(就和一个块级元素一样)等。(位置1)::-webkit-scrollbar-button //滚动条两端的按钮。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。(位置2)::-webkit-scrollbar-track // 外层轨道。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果(位置3)::-webkit-scrollbar-track-piece //内层轨道,滚动条中间部分(位置4)::-webkit-scrollbar-thumb //滚动条里面可以拖动的那部分(位置5)::-webkit-scrollbar-corner //边角(位置6)::-webkit-resizer //定义右下角拖动块的样式(位置7)


      IP属地:上海3楼2016-11-02 10:09
      回复
        补充IE
        scrollbar-arrow-color: color; /*三角箭头的颜色*/
        scrollbar-face-color: color; /*立体滚动条的颜色(包括箭头部分的背景色)*/
        scrollbar-3dlight-color: color; /*立体滚动条亮边的颜色*/
        scrollbar-highlight-color: color; /*滚动条的高亮颜色(左阴影?)*/
        scrollbar-shadow-color: color; /*立体滚动条阴影的颜色*/
        scrollbar-darkshadow-color: color; /*立体滚动条外阴影的颜色*/
        scrollbar-track-color: color; /*立体滚动条背景颜色*/
        scrollbar-base-color:color; /*滚动条的基色*/


        IP属地:上海4楼2016-11-02 10:10
        回复