miniui如何修改滚动条宽度

Joseph

客户要求滚动条宽度要细一点，现在的宽度就是正常的宽度，各位大神指导如何修改滚动条的宽度么

happylover1278

送你一个我常用的  另外这个是你浏览器的样式 和miniui没关系

1. div::-webkit-scrollbar,
   
2. body::-webkit-scrollbar {
   
3.     width: 10px;
   
4.     height: 10px;
   
5. }
   
6. 
   
7. div::-webkit-scrollbar-track,
   
8. body::-webkit-scrollbar-track
   
9. {
   
10.     background: rgb(239, 239, 239);
    
11.     border-radius: 2px;
    
12. }
    
13. 
    
14. div::-webkit-scrollbar-thumb ,
    
15. body::-webkit-scrollbar-thumb{
    
16.     background: #bfbfbf;
    
17.     border-radius: 10px;
    
18. }
    
19. 
    
20. div::-webkit-scrollbar-thumb:hover,
    
21. body::-webkit-scrollbar-thumb:hover {
    
22.     background: #999;
    
23. }
    
24. 
    
25. div::-webkit-scrollbar-corner,
    
26. body::-webkit-scrollbar-corner {
    
27.     background: #179a16;
    
28. }

复制代码

Joseph

happylover1278 发表于 2021-5-20 16:39
送你一个我常用的  另外这个是你浏览器的样式 和miniui没关系

好的，谢谢

Joseph

happylover1278 发表于 2021-5-20 16:39
送你一个我常用的  另外这个是你浏览器的样式 和miniui没关系

还有一个问题就是为什么我的tree 加上这个样式之后就没有滚动条了呀，其他的div都是可以的，但是用到树上面就消失了

Joseph

happylover1278 发表于 2021-5-20 16:39
送你一个我常用的  另外这个是你浏览器的样式 和miniui没关系

大佬，能请说一下这些个样式都是用什么的嘛，因为我只用了这两个就可以用了，其他的样式我不知道是干什么用的
::-webkit-scrollbar {
                        width: 8px;
                        background-color: rgba(0,0,0,0);
                        -webkit-border-radius: 80px;
                }

::-webkit-scrollbar-thumb:vertical {
                        background: rgba(154, 150, 150, 0.61);
                        -webkit-border-radius: 80px;
                }

happylover1278

Joseph 发表于 2021-5-20 16:56
还有一个问题就是为什么我的tree 加上这个样式之后就没有滚动条了呀，其他的div都是可以的，但是用到树上 ...

我这边一切正常  你找自己页面的问题吧
其他两个属性你自己看选择器 一个是hover上去的颜色变化   一个是右下角方块区域的样式。不想要可以不加的

dforce

这自己改样式了，我们滚动条是默认样式的。