css – 在Mac OS X上的Firefox中强制显示滚动条

前端之家收集整理的这篇文章主要介绍了css – 在Mac OS X上的Firefox中强制显示滚动条前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Firefox 24引入了Lion滚动条支持。这将在Mac OS X上以狮子样式显示滚动条。请参阅: https://wiki.mozilla.org/Lion_Scrollbars/Triage

这对我造成问题:默认情况下,div上的滚动条已隐藏。有时我想强制一个可见的滚动条。

对于WebKit有一个很好的解决方案(在https://davidwalsh.name/osx-overflow提到):

::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 7px;
}

::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background-color: rgba(0,.5);
   -webkit-Box-shadow: 0 0 1px rgba(255,255,.5);
}

有人知道我如何在Firefox 24(和更高版本)在Mac OS X上强制一个可见的滚动条?

是否有任何匹配webkit滚动条的JavaScript滚动条?

解决方法

作为用户30dot, explained在另一个问题,没有办法自定义滚动条在Firefox中是可能在Chrome。

此外,没有办法实际上“强制”Firefox渲染旧样式滚动条,因为系统中使用的默认滚动条由操作系统自身预定义(请注意,您可以在系统首选项中修改所需的滚动条)。

换句话说,直到Firefox支持本地自定义滚动条,它只能使用JavaScript插件,如jScrollPane等。

猜你在找的CSS相关文章