CODEWITHSUNDEEP
htmlcssinputmozilla
raouaoul
raouaoul

Reputation: 882

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?

Upvotes: 1

Views: 2900

Answers (1)

raouaoul
raouaoul

Reputation: 882

Nevermind I already figured it out..

Here is the solution: 

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

Upvotes: 5

Related Questions