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

Question

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

PHP中文网 · Answer

自訂滾動條只有webkit內核的瀏覽器才支持，微信頁面既然也是webkit了，所以按理來說也是支持的，那麼您可以這樣來定義顏色（假定我要紅色的滾動條）：

p::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: red;
  border: 0px solid #fff;
}

效果如下：

p::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: red;
  border: 0px solid #fff;
}

效果如下：