title: How does one customize the appearance of jquery.perfect-scrollbar?
body: <p>I am using <a href="http://www.yuiazu.net/perfect-scrollbar/" rel="nofollow noreferrer">jquery.perfect-scrollbar</a>, which provides an excellent façsimile of the Mac OS X scrollbars of 10.8+ — and while <a href="https://github.com/noraesae/perfect-scrollbar/issues/29#issuecomment-25367159" rel="nofollow noreferrer">the author has claimed</a> to facilitate a way by which it can be tricked out with CSS, I cannot figure out how to correctly implement any of the aesthetic augmentations he putatively supports.</p>
  
  <p><strong>I am looking to activate the “visible rails” – to show the scrollbar <em>in sutu</em> regardless of the hover state – and to style it appropriately for its context on the page.</strong></p>
  
  <p>Currently, it is invisible unless the hover state is active – in which case, this is what it looks like:</p>
  
  <p><img src="https://i.stack.imgur.com/JTsyx.jpg" alt="Unstyled perfect-scrollbar screenshot sample"></p>
  
  <p>This is the perfect-scrollbar source CSS, from <a href="https://github.com/noraesae/perfect-scrollbar/commit/2222ec5e9109b1f4c4864e65602ba20055f8afc1" rel="nofollow noreferrer">the commit</a> to which <a href="https://github.com/noraesae/perfect-scrollbar/issues/29" rel="nofollow noreferrer">this particular issues’</a> closed GitHub pull request alludes:</p>
  
  <p><a href="https://github.com/noraesae/perfect-scrollbar/blob/2222ec5e9109b1f4c4864e65602ba20055f8afc1/src/perfect-scrollbar.css#L16" rel="nofollow noreferrer">https://github.com/noraesae/perfect-scrollbar/blob/2222ec5e9109b1f4c4864e65602ba20055f8afc1/src/perfect-scrollbar.css#L16</a></p>
  
  <p>… I couldn’t find any calls to perfect-scrollbar’s jQuery API that facilitated this, nor any examples of how to approach styling it with CSS.</p>
  
  <p>If anyone has any actual, non-speculative experience with this – or better yet a live working example at which I can be pointed – that would be especially helpful.</p>