小喇叭展示框滚动条美化

cyee

请在插件设置中，按需要填入PC端或手机版扩展CSS代码中（注意是追加代码、不是覆盖源代码，否则将错位）

1. #hornbox ::-webkit-scrollbar {
   
2.     width: 10px;               /* 滚动条的宽度 */
   
3.     height: 10px;              /* 滚动条的高度，对水平滚动条有效 */
   
4.     background-color: transparent; /* 滚动条的背景颜色 */
   
5. }
   
6. 
   
7. #hornbox ::-webkit-scrollbar-track {
   
8.     border-radius: 10px;
   
9.     background: transparent; /* 轨道的背景颜色 */
   
10. }
    
11. 
    
12. #hornbox ::-webkit-scrollbar-thumb {
    
13.     border-radius: 10px;
    
14.     background-color: #F2F2F2; /* 滑块的背景颜色 */
    
15.     border: 3px solid #FFF; /* 滑块的边框和轨道相同的颜色，可以制造“边距”的效果 */
    
16. }
    
17. 
    
18. #hornbox ::-webkit-scrollbar-thumb:hover {
    
19.     background-color: #a8a8a8; /* 滑块的悬停颜色 */
    
20. }
    
21. 
    
22. #hornbox ::-webkit-scrollbar-thumb:active {
    
23.     background-color: #888888; /* 滑块的激活颜色 */
    
24. }
    
25. 
    
26. #hornbox ::-webkit-scrollbar-button {
    
27.     display: none; /* 通常情况下不显示滚动条按钮 */
    
28. }

复制代码

351641

这个代码 加在那个文件中

cyee

351641 发表于 2024-9-9 09:52
这个代码 加在那个文件中

在插件的后台设置项中