title: Force visible scrollbar in Firefox on Mac OS X
body: <p>Firefox 24 introduced Lion scrollbar support. This will show scrollbars in Lion style on Mac OS X. See: <a href="https://wiki.mozilla.org/Lion_Scrollbars/Triage" rel="noreferrer">https://wiki.mozilla.org/Lion_Scrollbars/Triage</a></p>
  
  <p>This causes a problem for me: a scrollbar on a div is now hidden by default. Sometimes I want to force a visible scrollbar.</p>
  
  <p>For WebKit there is a nice solution (mentioned at <a href="https://davidwalsh.name/osx-overflow" rel="noreferrer">https://davidwalsh.name/osx-overflow</a>):</p>
  
  <pre><code>::-webkit-scrollbar {
     -webkit-appearance: none;
     width: 7px;
  }
  
  ::-webkit-scrollbar-thumb {
     border-radius: 4px;
     background-color: rgba(0,0,0,.5);
     -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
  }
  </code></pre>
  
  <p>Does anybody know how I can force a visible scrollbar in Firefox 24 (and up) on Mac OS X?</p>
  
  <p>Are there any drop-in javascript scrollbars that match webkit scrollbars?</p>