title: Alternative of -webkit-outer-spin-button and -webkit-inner-spin-button in Firefox
body: <p>I need some space to the left of the up &amp; down arrows in my input number field, where I plan to put some symbols by default. But <code>-webkit-outer-spin-button</code> and <code>-webkit-inner-spin-button</code>  doesn't work on Firefox now. Is there any alternative which Firefox supports? I need to right-align the text and the text (here number) must show up to the left of the default symbols. </p>
  
  <p>What I try to achieve is something like this (in Chrome):
  <a href="https://jsfiddle.net/1dddncj0/3/" rel="nofollow noreferrer">https://jsfiddle.net/1dddncj0/3/</a></p>
  
  <p>But this trick is not working in Firefox or Edge.</p>