如何覆写「:: - webkit-scrollbar」 CSS规则，并使滚动条再次可见

问题描述

我使用以下规则使滚动条不可见：

I use the following rule to make scrollbars invisible:

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

如何覆盖此规则以使滚动条再次可见？我试过以下：

How do I override this rule to make scrollbars visible again? I tried the following:

::-webkit-scrollbar { display: initial; }

在这种情况下，滚动条保留其空间，但大拇指不可见。

In this case scrollbars reserve their space, but the thumb is not visible.

查看简短演示。

推荐答案

尝试

:: - webkit-scrollbar {visibility： }

::-webkit-scrollbar { visibility: hidden; }

和

:: - webkit-scrollbar {visibility：visible; }

::-webkit-scrollbar { visibility: visible; }

编辑：

虽然，这将保留空间...所以，添加width：0 ！important;

Though, that would keep the space... So, add "width: 0 !important;"

这篇关于如何覆写「:: - webkit-scrollbar」 CSS规则，并使滚动条再次可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！