Firefox和IE滚动条的定制设计[重复]

Posted 2023-03-06

【中文标题】Firefox和IE滚动条的定制设计[重复]

【英文标题】：Custom design of scroll bar for Fire Fox and IE [duplicate]

【发布时间】：2015-05-06 19:00:47

【问题描述】：

我已经使用 Web-kit 编写了 CSS 中滚动条设计的代码，该工具在 chrome 和 safari 上运行良好，但我需要 Fire Fox 和 IE 的相同设计。 IE 滚动条宽度不会改变。我在 Google 上搜索过，但没有找到合适的解决方案。

我找到了以下代码，但没有工作

@-moz-document url-prefix(http://),url-prefix(https://) 
 scrollbar 
 -moz-appearance: none !important;
 background: rgb(0,255,0) !important;
 
 thumb,scrollbarbutton 
 -moz-appearance: none !important;
 background-color: rgb(0,0,255) !important;
 
 thumb:hover,scrollbarbutton:hover 
 -moz-appearance: none !important;
 background-color: rgb(255,0,0) !important;
 
 scrollbarbutton 
 display: none !important;
 
 scrollbar[orient="vertical"] 
 min-width: 15px !important;
 

我也想改变IE滚动条的宽度，我该怎么做

如果有办法在 CSS 中执行此操作，我不想使用 JQuery 或其插件，请告诉我非常感谢。

【问题讨论】：

你在找这个吗？ ***.com/a/25480648/1107638

这里有回复：***.com/questions/6165472/…

早就说过不要乱用用户界面，比如滚动条，我同意。

我没有找到我在问题中所说的有用的答案

这些回复建议在我不想使用的地方使用 jquery 插件，我只需要 css，这些回复是 2012 年的，这是 2015 年的时代，应该改变技术先进

【参考方案1】：

firefox 中没有与::-webkit-scrollbar 等效的功能。几天前我一直在寻找同样的问题，然后我才知道没有解决方案，这个错误已经在https://bugzilla.mozilla.org中注册了@

【讨论】：

我可以改变IE滚动条的宽度吗

你可以更改为 IE。 ::-webkit-scrollbar 宽度：0px; /* 用于隐藏垂直滚动条 */ 或 width: 10px; /*用于显示滚动条*/

nup 不工作我使用 ::-webkit-scrollbar 它适用于 chrome 而不是 IE，我有 IE 11

你用的是哪个版本的IE？

对不起，我认为它在 IE 中也不起作用。看看这个css-tricks.com/almanac/properties/s/scrollbar 现在我没有 IE 来测试。