自定义样式 如下:
::-webkit-scrollbar { width: 8rpx; height: 8rpx; color:#fff; border-radius: 15px;}
::-webkit-scrollbar-track { border-radius: 15px; -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255,.1); box-shadow: inset 0 0 6px rgba(255, 255, 255,.1); background-color:#fff; }
::-webkit-scrollbar-thumb { border-radius: 15px; -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255,.1); box-shadow: inset 0 0 6px rgba(255, 255, 255,.1); background-color:#2d59df; }
1.开发者工具显示正常,真机调试无效果
2.显示效果如下:左边开发者工具 右边真机调试
应该不是不支持伪类。像::-webkit-scrollbar { display:none;}是有效的,可以隐藏滚动条。但就是没法自定义滚动条的样式
提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。