css--ios隐藏横向滚动条

背景：

一个用于tab切换的div，高度固定，宽为100%， overflow-x: scroll;

问题：

ios会出现黑色的一条横向滚动条

解决：

.div {
    width:100%;
    height: 1.17rem;
    line-height: 1.17rem;
    overflow-x: scroll;
    overflow-y: hidden;
    display: -webkit-box;
    &::-webkit-scrollbar {
        display: none;
        width: 0px;
    }