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无法使用滚动条样式

如何在iOS Safari上更改滚动条样式？

1 个答案: