CSS滚动条样式跨浏览器

这个问题在这里已经有了答案:

  • 在CSS 13自定义滚动条的答案

  • 滚动条CSS样式是微软开发人员发明的一种奇怪的东西。 它们不是CSS的W3C标准的一部分,因此大多数浏览器都忽略它们。


    Webkit对滚动条的支持非常复杂。 这个CSS提供了一个非常小的滚动条,有一个浅灰色的轨道和一个黑暗的拇指:

    ::-webkit-scrollbar
    {
      width: 12px;  /* for vertical scrollbars */
      height: 12px; /* for horizontal scrollbars */
    }
    
    ::-webkit-scrollbar-track
    {
      background: rgba(0, 0, 0, 0.1);
    }
    
    ::-webkit-scrollbar-thumb
    {
      background: rgba(0, 0, 0, 0.5);
    }
    

    这个答案是额外信息的绝佳来源。


    jScrollPane是一个很好的解决方案,可以跨浏览器滚动条并很好地降级。

    链接地址: http://www.djcxy.com/p/7163.html

    上一篇: CSS scrollbar style cross browser

    下一篇: CSS3 IE9 click through pseudo