已记录,感谢您的建议~
不过选项卡中滚动条的样式也可以通过CSS来修改
代码:
- .tab-content > ::-webkit-scrollbar {
- width: .5rem;
- height: .5rem;
- background: hsla(0, 0%, 100%, 0.6);
- }
- .tab-content > ::-webkit-scrollbar-track {
- border-radius: 0;
- }
- .tab-content > ::-webkit-scrollbar-thumb {
- border-radius: 0;
- background-color: rgba(95,95,95,.4);
- transition: all .2s;
- border-radius: .5rem;
- }
- .tab-content >::-webkit-scrollbar-thumb:hover {
- background-color: rgba(95,95,95, .7);
- }
复制代码
网上还有很多各种滚动条样式的分享,这里用到的CSS参考的是这篇文章:
纯css修改浏览器scrollbar滚动条样式 - SegmentFault 思否
|