Hiding number input spin buttons

A while back i had this input field that required an id to be entered. The id consisted of only numbers, but it's an id, so it doesn't make sense to show the spin buttons you normally get with number inputs.

Here's a quick little snippet you can use to hide them!

[type="number"] {
  // Firefox
  appearance: textfield;

  // Webkit
  &::-webkit-inner-spin-button,
  &::-webkit-outer-spin-button {
    -webkit-appearance: none;
  }
}
Copy code