javascript - 为 Firefox 和 IE 定制滚动条设计

标签 javascript jquery css

<分区>

我使用 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浏览器的滚动条宽度,我该怎么做

我不想使用 JQuery 或其插件,如果有办法在 CSS 中做到这一点,请告诉我,我将非常感激。

最佳答案

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

关于javascript - 为 Firefox 和 IE 定制滚动条设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28877341/

上一篇:jquery - 如何使我的导航栏静态(向下滚动时固定在页面顶部)?

下一篇:javascript - 点击进入全屏

相关文章:

javascript - 根据类将 Canvas 图像绑定(bind)到事件

jquery - LDAP 搜索表单上的自动完成

javascript - 将同一个框中的内容捕获到数组中?

html - 在单个页面中堆叠 div 并在它们之间移动

javascript - 当 CSS 禁用滚动时使用 jQuery 滚动

javascript - Angularjs 操作每个 ng-repeat 元素

jquery - 无法为 bxSlider 'next/prev' 控件设置图像

css - 无限宽度的宽 div

javascript - 如果 localStorage 为 null,则从 json 文件设置

javascript - Marionette LayoutView 删除了模板中的根 HTML 元素