请选择 进入手机版 | 继续访问电脑版
未登录

Drawsnake 通行证

查看: 168|回复: 2

[教程] 小喇叭展示框滚动条美化

[复制链接]

管理员

是叶子,还是旅行的风

人气
0
注册时间
2024-7-19
最后登录
2024-10-7
发表于 2024-8-14 00:23:34 | 显示全部楼层 |阅读模式


请在插件设置中,按需要填入PC端或手机版扩展CSS代码中(注意是追加代码、不是覆盖源代码,否则将错位)
  1. #hornbox ::-webkit-scrollbar {
  2.     width: 10px;               /* 滚动条的宽度 */
  3.     height: 10px;              /* 滚动条的高度,对水平滚动条有效 */
  4.     background-color: transparent; /* 滚动条的背景颜色 */
  5. }

  6. #hornbox ::-webkit-scrollbar-track {
  7.     border-radius: 10px;
  8.     background: transparent; /* 轨道的背景颜色 */
  9. }

  10. #hornbox ::-webkit-scrollbar-thumb {
  11.     border-radius: 10px;
  12.     background-color: #F2F2F2; /* 滑块的背景颜色 */
  13.     border: 3px solid #FFF; /* 滑块的边框和轨道相同的颜色,可以制造“边距”的效果 */
  14. }

  15. #hornbox ::-webkit-scrollbar-thumb:hover {
  16.     background-color: #a8a8a8; /* 滑块的悬停颜色 */
  17. }

  18. #hornbox ::-webkit-scrollbar-thumb:active {
  19.     background-color: #888888; /* 滑块的激活颜色 */
  20. }

  21. #hornbox ::-webkit-scrollbar-button {
  22.     display: none; /* 通常情况下不显示滚动条按钮 */
  23. }
复制代码


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?创建通行证

×
左耳聆听,创意时空。
服务客户,以及客户的客户。任何问题欢迎联系!

LV.2

人气
0
注册时间
2024-9-7
最后登录
2024-9-24
发表于 2024-9-9 09:52:05 | 显示全部楼层
这个代码 加在那个文件中

管理员

是叶子,还是旅行的风

人气
0
注册时间
2024-7-19
最后登录
2024-10-7
 楼主| 发表于 2024-9-9 13:03:02 | 显示全部楼层
351641 发表于 2024-9-9 09:52
这个代码 加在那个文件中


在插件的后台设置项中

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?创建通行证

×
左耳聆听,创意时空。
服务客户,以及客户的客户。任何问题欢迎联系!
您需要登录后才可以回帖 登录 | 创建通行证

本版积分规则

快速回复 返回顶部 返回列表