问

html5 - 关于在ios微信页面滚动条样式

手机用户2502863361 发布于 2022-11-02 08:03

 ul{
    position: relative;
    width: 100%;
    height: 76px;
    border-top: 1px solid #d7d7d7;
    overflow-x: auto;
}

这段代码会自动出现x轴的滚动条，但是在ios微信页面里面这个滚动条是透明的，我想把这个滚动条的做成一个带颜色的，请问css需要怎么写才行呢？

1 个回答

自定义滚动条只有webkit内核的浏览器才支持，微信页面既然也是webkit了，所以按理来说也是支持的，那么您可以这样来定义颜色（假定我要红色的滚动条）：
```
p::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: red;
  border: 0px solid #fff;
}
```
效果如下：
2022-11-03 22:57 回答

蓝雪帝国666

撰写答案

今天，你开发时遇到什么问题呢？

热门标签

PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved

京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区版权所有