CSS-HtmlNo Comments

default thumbnail

Up and down arrows for input type number show on mouse hover. if you want to show always these arrows, try below css. It is possible using some pseudo classes.

HTML

<input type="number" class="inputField">

CSS

.inputField::-webkit-inner-spin-button, 
.inputField::-webkit-outer-spin-button {  
   opacity: 1;
}

Using above css code, you can show always up and down arrows for input type number.

Be the first to post a comment.

Add a comment