如何在 iOS 野生动物园上更改滚动条样式

Question

对于项目需要，我必须更改我的HTML页面滚动条样式。这是我的 CSS 配置文件：

.txt_Content::-webkit-scrollbar {
    width:5px;
    border-radius:4px;
}
.txt_Content::-webkit-scrollbar-button    {
    display: none;
}
.txt_Content::-webkit-scrollbar-track     {
    background:#e5e2ad;
    border-radius:4px;
}
.txt_Content::-webkit-scrollbar-track-piece {
    background:#e5e2ad;
    border-radius:4px;
    border: 1px solid #c5b481;
}
.txt_Content::-webkit-scrollbar-thumb{
    background:#fbfae3;
    border-radius:4px;
    border: 1px solid #c5b481;
}
.txt_Content::-webkit-scrollbar-corner {
    border-radius:4px;
}
.txt_Content::-webkit-resizer  {
    display: none;
}

这是我的 HTML 配置文件：

<div class="txt_border">
    <img src="../image/txt_border2.png">
    <ul class="txt_Content">
        <li class="biaoqian">
            <div></div>
            <div>
                <p>txtxt</p>
                <p>txtxtxt</p>
            </div>
        </li>
        <!---->
    </ul>
</div>

它在Mac和Android手机上的Chrome中效果很好：http://i1.piimg.com/567571/033a19c05f29073b.png

但它在iPhone上不起作用：http://i1.piimg.com/567571/7938a2c5681f740f.png

MyCode有问题吗？或者移动Safari不支持CSS3？

Answer 1

实际上，滚动条样式在 canIuse 的 WKWebView 中不起作用