title: Hide HTML5 input type number arrow with a css class?
body: <p>I've seen this question asked before in here <a href="https://stackoverflow.com/q/3790935/3809894">Can I hide the HTML5 number input’s spin box?</a>, and some others have asked with a specific request for a Browser, in my case what i want to know is: Is there a way to create a css class like <code>.no-spin</code> to hide the spin arrows across browsers?</p>
  
  <p>I tried:</p>
  
  <pre><code>.no-spin {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance:textfield;
  }
  </code></pre>
  
  <p>But no luck, I don't really know that much about css in fact...</p>