Javascript 增加Firefox中的滚动条宽度-html/css
我看到了一些关于这方面的问题,但这些问题并没有给出一个适合我的解决方案 我想增加div的滚动条宽度。div的大小很大,因此出现了一个水平滚动条。现在我想增加滚动条的宽度以获得更大的灵活性。 所以我搜索并找到了下面的链接,其中的代码可以在Chrome浏览器上运行。 但这在Firefox上不起作用。我试图用moz替换webkit,但也没用 我还发现在firefox的userContent.css文件中编写以下代码可以增加滚动条的宽度,但1)我在Windows7中没有发现userContent.css文件。2) 我不能去用户家告诉他们如何手动增加滚动条宽度:P这不是一个解决方案Javascript 增加Firefox中的滚动条宽度-html/css,javascript,jquery,html,css,firefox,Javascript,Jquery,Html,Css,Firefox,我看到了一些关于这方面的问题,但这些问题并没有给出一个适合我的解决方案 我想增加div的滚动条宽度。div的大小很大,因此出现了一个水平滚动条。现在我想增加滚动条的宽度以获得更大的灵活性。 所以我搜索并找到了下面的链接,其中的代码可以在Chrome浏览器上运行。 但这在Firefox上不起作用。我试图用moz替换webkit,但也没用 我还发现在firefox的userContent.css文件中编写以下代码可以增加滚动条的宽度,但1)我在Windows7中没有发现userContent.cs
/* Increase width of VERTICAL SCROLLBAR */
scrollbar[orient="vertical"], scrollbar[orient="vertical"] thumb, scrollbar[orient="vertical"] scrollbarbutton { min-width: 35px !important; -moz-appearance: none !important; }
/* Increase width of HORIZONTAL SCROLLBAR */
scrollbar[orient="horizontal"], scrollbar[orient="horizontal"] thumb, scrollbar[orient="horizontal"] scrollbarbutton { min-height: 35px !important; -moz-appearance: none !important; }
有什么方法可以让我在Chrome和Firefox中都增加滚动条的宽度吗??(忘记IE)我可以使用HTMLCSS javascript和jquery解决方案,但没有滚动条插件。我必须从浏览器转换本机滚动条。检查下面的链接。查看网站中提到的philipp评论 还要检查bugZilla 别忘了查看评论
尽管chrome支持使用-webkit前缀更改滚动条宽度,但其他浏览器都不支持。一些允许滚动条的样式,使颜色不同,但据我所知,你不能改变宽度 相反,如果更改滚动条是绝对必要的,则需要使用JavaScript解决方案
/* Increase width of VERTICAL SCROLLBAR */
scrollbar[orient="vertical"], scrollbar[orient="vertical"] thumb, scrollbar[orient="vertical"] scrollbarbutton { min-width: 35px !important; -moz-appearance: none !important; }
/* Increase width of HORIZONTAL SCROLLBAR */
scrollbar[orient="horizontal"], scrollbar[orient="horizontal"] thumb, scrollbar[orient="horizontal"] scrollbarbutton { min-height: 35px !important; -moz-appearance: none !important; }
有很多解决方案—太多,无法在答案中记录—但这里有几个链接可以帮助您开始: