css - 丑陋的iphone滚动条，不可编辑

Question

在我的几个页面上，我弹出了这个粗丑的滚动条，而在其他页面上从未发生过。

这很奇怪，因为我没有以任何方式引用::-webkit-scrollbar。有没有人遇到过类似的问题？

最奇怪的是，这是一个 Shopify 主题，所有页面都使用相同的文件。但只有在购物车上，我们才会看到这个丑陋的滚动条。

http://www.eightsleep.com/

Answer 1

购物车页面的 HTML 中有内联样式。当我在/cart 上查看源代码时，它们显示在第 722 行:

<style>
    ::-webkit-scrollbar {
        width: 15px;
        height: 15px;
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: #C3C3C3;
        border: 2px solid #eee;
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    }
</style>