html number input field always display spinner?

Question

when I make a number input field like this:

Then the number field gets a spinner added to it whenever I hov

Answer 1

To make the spinner always show, leave out the ":hover" in Schneeez's answer.

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