What's the -webkit-appearance for input type="number"?

Question

I have an input like this:

<input type="number">

And my CSS has this:

-webkit-appearance:none;

So when I view it on webkit, the rocker (up and down) isn't showing.

I want to override this, what is the default webkit-appearance value for type="number"?

There are a ton of values listed here. Here is jsFiddle for testing.

Answer 1

When wanting things to return to default, initial is almost always the go-to value:

input[type=number] {
  -webkit-appearance: initial;
}

The initial CSS keyword applies the initial value of a property to an element. It is allowed on every CSS property and causes the element for which it is specified to use the initial value of the property.

– initial - MDN

JSFiddle.