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

【问题标题】：Custom design of scroll bar for Fire Fox and IE [duplicate]Firefox和IE滚动条的定制设计[重复]
【发布时间】：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 或其插件，请告诉我非常感谢。

【问题讨论】：

你在找这个吗？ stackoverflow.com/a/25480648/1107638
这里有回复：stackoverflow.com/questions/6165472/…
早就说过不要乱用用户界面，比如滚动条，我同意。
我没有找到我在问题中所说的有用的答案
这些回复建议在我不想使用的地方使用 jquery 插件，我只需要 css，这些回复是 2012 年的，这是 2015 年的时代，应该改变技术先进

标签： javascript jquery css

【解决方案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 来测试。