滚动条样式优化

滚动条样式优化我的是vue-element-admin项目搭建的,我在src/style/index.scss中加入下面样式::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{border-radius:8px;}::-webkit-scrollbar-thumb{border-radius:8px;background:#ddd;}::-webkit-scrollbar-thumb:hover{bac

大家好,欢迎来到IT知识分享网。

我的是vue-element-admin项目搭建的,我在src/style/index.scss中加入下面样式

::-webkit-scrollbar { 
   
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track { 
   
  border-radius: 8px;
}
::-webkit-scrollbar-thumb { 
   
  border-radius: 8px;
  background: #ddd;
}
::-webkit-scrollbar-thumb:hover{ 
   
  background: #ccc;
}
::-webkit-scrollbar-thumb:active{ 
   
  background: #999;
}

右侧的滚动条就变成下图这样啦
在这里插入图片描述

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/21186.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信