写一个好看的滚动条样式

2019-12-23  本文已影响0人  470d98b91bd3

直接在页面上引用就好了

.idt-scrollbar {
  overflow-y: auto;
  box-sizing: border-box;

  &::-webkit-scrollbar {
    width: 1px;
    background-color: @blueGrey_100;
  }

  &::-webkit-scrollbar-thumb {
    background-color: #0ae;
  }

  &::-webkit-scrollbar-track {
    background-color: @blueGrey_100;
  }
}

.idt-scrollbar-2 {
  overflow-x: auto;
  box-sizing: border-box;

  &::-webkit-scrollbar {
    height: 5px;
    background-color: @blueGrey_100;
  }

  &::-webkit-scrollbar-thumb {
    background-color: #0ae;
  }

  &::-webkit-scrollbar-track {
    background-color: @blueGrey_100;
  }
}

上一篇 下一篇

猜你喜欢

热点阅读