How to hide horizontal scrollbar in firefox

Question

I want to hide the scroll bar that appears on a grid while scrolling in Firefox, however I would still be able to want to scroll freely without the scrollbar to appear visually. I tired this:

.grid {
   scrollbar-width: none;
}

However, this hides the scrollbar vertically, and not horizontally. I want the vertical scroll to remain as is and hide the horizontal one. Is there any other property that would help to achieve this?

Answer 1

Try this code in userChrome.css (you may have to adjust the margin values):

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

:-moz-any(#content,#appcontent) browser{
 margin-right:-14px!important;
 overflow-y:scroll;
 margin-bottom:-14px!important;
 overflow-x:scroll;
}