css设置滚动条样式

作者:admin 发布日期:2024年5月22日 09:35 浏览量:17

  /* 滚动条样式 */

  ::-webkit-scrollbar {

      width: 6px;

  }

  /* 滑块样式 */

  ::-webkit-scrollbar-thumb {

     background-color: #16587f;

     border-radius: 10px;

  }

  /* 滚动条轨道样式 */

  ::-webkit-scrollbar-track {

     background-color: #f2f2f2;

     border-radius: 10px;

  }

  /* 定制水平滚动条的整体样式 */  

  ::-webkit-scrollbar:horizontal {  

      height: 8px;

      background-color: #16587f;

  }