Ввод номера - всегда отображать кнопки поворота

В Google Chrome кнопки input[type=number] вращения отображаются только при наведении указателя мыши.

Chrome spin buttons

Это код, который я использую:

<input type="number" value="1" min="1" max="999" />

Ответы

Ответ 1

Вы можете нажимать кнопки со стрелками, используя ::-webkit-inner/outer-spin-button, а не только установить opacity в 1 (спины всегда есть, но по умолчанию они имеют opacity: 0).

код:

<style>  

input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

</style>
<input type="number" value="1" min="1" max="999">

Скрипка: http://jsfiddle.net/dk8fj/