滚动条样式

港控/mmm° 2022-11-01 14:58 313阅读 0赞 
  1. <style scoped>
  2.   .treeFssBox>>>::-webkit-scrollbar {
  3.     width: 4px;
  4.     height: 1px;
  5.   }
  7.   .treeFssBox>>>::-webkit-scrollbar-thumb {
  8.     border-radius: 4px;
  9.     background-color: rgb(138, 138, 138);
  10.   }
  12.   .treeFssBox>>>::-webkit-scrollbar-track {
  13.     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  14.     background: #ededed;
  15.     border-radius: 4px;
  16.   }
  17. </style>

.HouseContenBox::-webkit-scrollbar {/*滚动条整体样式*/

  1. width:.1rem;     /\*高宽分别对应横竖滚动条的尺寸\*/
  3. height:.01rem;

}

.HouseContenBox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

  1. border-radius:.1rem;
  3. -webkit-box-shadow: inset 0 0 .05rem rgba(0,0,0,0.2);
  5. background:\#00bbff81;

}

.HouseContenBox::-webkit-scrollbar-track {/*滚动条里面轨道*/

  1. -webkit-box-shadow: inset 0 0 .05rem rgba(0, 0, 0, 0.2);
  3. border-radius: .1rem;
  5. background:\#00bbff17;

}

发表评论

表情：
评论列表 （有 0 条评论，313人围观）

还没有评论，来说两句吧...

相关阅读