number input - always show spin buttons

Question

In Google Chrome, input[type=number] spin buttons are shown only on hover.

Answer 1

You can target spin buttons using ::-webkit-inner/outer-spin-button and than just set opacity to 1 (spins are always there, but in default they have opacity: 0).

Code:

Fiddle: http://jsfiddle.net/dk8fj/