css - 始终在Bootstrap表响应中显示滚动条

我正在使用.table-sensitive类使Bootstrap表具有响应性，并且工作正常，但用户没有任何指示器可以水平滚动该表!

如何使水平滚动条始终显示，不仅在用户实际开始滚动之后。

编辑

这里提到的解决方案几乎可以使用:Always show scrollbars in iPhone/Android:

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

它的问题是在各处显示滚动条，而不仅仅是.table-response类。我如何限制它？

最佳答案

很抱歉延迟了5年，但是您必须在伪元素之前添加.table-response，如下所示:

.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
}

.table-responsive::-webkit-scrollbar:vertical {
    width: 12px;
}

.table-responsive::-webkit-scrollbar:horizontal {
    height: 12px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

关于css - 始终在Bootstrap表响应中显示滚动条，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25777374/