Search code examples
htmlcssinputmozilla

Input type number arrows bug with mozilla

input

I removed the regular input arrows with the following code: 

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

It works in all the browsers but the newest mozilla firefox. Am I doing something wrong or why the arrows wont dissapear?

Solution

  • Nevermind I already figured it out..

    Here is the solution: 

    input[type=number] {
    -moz-appearance:textfield;
}