css webkit 滚动条样式

.o-div {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    /* 设置滚动条的样式 */
    &::-webkit-scrollbar {
      height: 5px;
    }
    /* 滚动槽 */
    &::-webkit-scrollbar-track {
      // -webkit-box-shadow:inset 0 0 6px rgba(67, 100, 230, 0.6);
      background: transparent;
      border-radius: 0px;
    }
    /* 滚动条滑块 */
    &::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background:rgba(0,0,0,0.1);
      box-shadow: inset 0 0 6px rgba(67, 100, 230, 0.6);
    }
  }

 

你可能感兴趣的:(CSS)