vue中设置滚动条的样式

2023-12-13 13:02:13

在vue项目中,想要设置如下图中所示滚动条的样式,可以采用如下方式:

?// 直接写在vue.app文件中
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
::-webkit-scrollbar-thumb { //滑块部分
  // border-radius: 5px;
  background-color: #1890ff;
}
::-webkit-scrollbar-track { //轨道部分
  // box-shadow: inset 0 0 5px #ddd;
  background: #ddd;
  // border-radius: 5px;
}

?

文章来源:https://blog.csdn.net/m0_62508027/article/details/134870010
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。