【问题标题】:How to override "::-webkit-scrollbar" CSS rule and make scrollbar visible again如何覆盖 "::-webkit-scrollbar" CSS 规则并使滚动条再次可见
【发布时间】:2014-03-25 23:33:01
【问题描述】:

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

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

如何覆盖此规则以使滚动条再次可见?我尝试了以下方法:

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

在这种情况下,滚动条保留了它们的空间,但拇指是不可见的。

查看简短演示 here

【问题讨论】:

  • 嗨,这个链接对你有用吗? css-tricks.com/examples/WebKitScrollbars
  • @KheemaPandey 我的问题是如何在使滚动条不可见后再次使其可见。我没有通过提供的链接找到答案。
  • @s.ermakovich:你能做到吗?我也有类似的情况。
  • @TheRock,不幸的是没有。看来::-webkit-scrollbar完全覆盖了默认滚动条,这个覆盖没办法重置。

标签: css webkit scrollbar


【解决方案1】:

试试

::-webkit-scrollbar { 可见性:隐藏; }

::-webkit-scrollbar { 可见性:可见; }

编辑:

虽然这样可以保留空间...所以,添加“width: 0 !important;”

【讨论】:

  • 我搞砸了:看起来当你“取消隐藏”这个东西时,滚动条的整个样式都会被 *blank 覆盖。当您自己设置 webkit-scrollbar 的样式时,它可以工作。这有点迂回,但它确实有效。在示例中,它与媒体查询一起使用,但我不知道您想如何实现它? jsfiddle.net/KTmkD/1
  • 问题是我不需要自定义滚动条。我只想将其重置为默认样式。
  • @s.ermakovich Webkit-scrollbar 替换了默认滚动条,据我所知,这就是为什么取消隐藏它是如此棘手的原因。不过,我确实找到了这个。也许这会有所帮助? dynamicdrive.com/dynamicindex11/facescroll/index.htm
猜你喜欢
  • 2014-05-30
  • 1970-01-01
  • 2012-09-28
  • 2011-04-27
  • 2011-02-09
  • 2022-06-16
  • 2012-03-05
  • 2012-04-23
  • 1970-01-01
相关资源
最近更新 更多