如何在mozilla中隐藏滚动条 [英] How to hide scrollbar in mozilla
问题描述
我使用这些CSS隐藏了我的下拉菜单中的滚动条。
我有带ul和li标签的下拉菜单。 UL有CSS max-height-400px;和溢出-y:滚动;
这适用于Chrome浏览器,但不适用于Mozila。
请帮帮我......
我尝试了什么:
.no-scroll :: - webkit-scrollbar {display:none;} / * Safari * /
.no-scroll :: - moz-scrollbars {display:none;}
.no-scroll :: - o-scrollbar {display:none;} / * opera * /
。 no-scroll :: - google-ms-scrollbar {display:none;}
.no-scroll :: - khtml-scrollbar {display:none;}
I have use these CSS to hide scroll bar in my drop-down menus.
I have drop-down menu with ul and li tags. UL have CSS max-height-400px; and overflow-y : scroll;
This is working on Chrome Browser but not in Mozila.
Please help me ....
What I have tried:
.no-scroll::-webkit-scrollbar {display:none;} /* Safari */
.no-scroll::-moz-scrollbars {display:none;}
.no-scroll::-o-scrollbar {display:none;} /* opera */
.no-scroll::-google-ms-scrollbar {display:none;}
.no-scroll::-khtml-scrollbar {display:none;}
推荐答案
要删除滚动条,你可以设置
overflow-y:hidden
你可以删除max-height
这也适用于Mozilla。
参见示例:
< html>
< body>
< style>
ul {width:50px; overflow-y:hidden}
< / style>
< ul>
< li> one< / li>
< li>两个< / li>
< li>三< / li>
< / ul>
< / body>
< / html>
To remove scroll bar you can set
overflow-y: hidden
and you can remove max-height
This will work in Mozilla also.
See example:
<html>
<body>
<style>
ul{width:50px; overflow-y: hidden}
</style>
<ul >
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</body>
</html>
这篇关于如何在mozilla中隐藏滚动条的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!