input[type="number"] not displaying properly in Chrome

[eintnohick]

This seems to fix it:

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height:auto;
}

[liuyl]

Could you give a live demo? In jsfiddle.

[eintnohick]

The problem exists when using font-sizes other than the default 14px.

http://jsfiddle.net/39PmK/

[cvrebert]

Erm, do you mean how hovering over the decrement button shows an I-bar text cursor instead of a pointer cursor?

[eintnohick]

Yes... that it is

[cvrebert]

A version demonstrating the proposed fix: http://jsfiddle.net/39PmK/1/

[cvrebert]

Upstream Chrome bug filed: https://code.google.com/p/chromium/issues/detail?id=337668

[cvrebert]

The hack/fix has been upstreamed into Normalize.css: necolas/normalize.css@d86aa85

[cvrebert]

Upstream Safari bug filed: https://bugs.webkit.org/show_bug.cgi?id=137269

[cvrebert]

Seems to be fixed in Chrome as of v37.0.2062.124

[nababur]

Use this css:)
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {

opacity: 1;

}