Is it possible to always show up/down arrows for input “number”?

by

You can achieve this (in Chrome at least) by using the Opacity property:

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  

   opacity: 1;

}

As stated above, this will likely only work in Chrome. So be careful using this code in the wild without a fallback for other browsers.

More Related Contents:

  1. CSS Button styling – Need some help -html css RADIO BUTTON LINK
  2. How to make moving CSS objects like this?
  3. Is there any way to change input type=”date” format?
  4. Put icon inside input element in a form
  5. How to style HTML5 range input to have different color before and after slider?
  6. How to customize ?
  7. Styling text input caret
  8. Style input type file? [duplicate]
  9. Override browser form-filling and input highlighting with HTML/CSS
  10. Is there a way to style part of an input field’s value? [duplicate]
  11. Change cursor type on input type=”file” [duplicate]
  12. Custom bullet symbol for elements in that is a regular character, and not an image
  13. Why cannot change checkbox color whatever I do? [duplicate]
  14. What makes the text on a element vertically centered?
  15. Changing the highlight color when selecting text in an HTML text input
  16. what does -webkit-transform: translate3d(0,0,0); exactly do? Apply to body?
  17. What is the ::content/::slotted pseudo-element and how does it work?
  18. How to change the text color of first select option
  19. How to get rid of x and up/down arrow elements of a input date?
  20. What is the best way to replace the file browse button in html?
  21. Make input element (type=”text”) handle multiple lines of text
  22. Make TBODY scrollable in Webkit browsers
  23. How to design an HTML/CSS signature that will work in Outlook 2016? [duplicate]
  24. :after and :before CSS pseudo elements hack for Internet Explorer 7
  25. How can I style a file input field in Firefox?
  26. How do I make Firefox auto-refresh on file change?
  27. Second line in li starts under the bullet after CSS-reset
  28. How position absolute and fixed block elements get their dimension?
  29. Ring-shaped process spinner with fading gradient effect around the ring
  30. How to create a heart shape using CSS?

Leave a Comment