number input – always show spin buttons

by

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:

<style>  

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

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

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

More Related Contents:

  1. Hide scroll bar, but while still being able to scroll
  2. Google Chrome form autofill and its yellow background
  3. How to save CSS changes of Styles panel of Chrome Developer Tools?
  4. Favicon not showing up in Google Chrome [duplicate]
  5. Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)
  6. Google Fonts are not rendering on Google Chrome
  7. Chrome rendering issue. Fixed position anchor with UL in body
  8. Turn off Chrome/Safari spell checking by HTML/css [duplicate]
  9. Prevent “overscrolling” of web page
  10. Stop CSS transition from firing on page load
  11. canvas default size
  12. Chrome: Automatic shift of web elements
  13. Chrome does not expand flex parent according to children’s content [duplicate]
  14. Prevent scroll-bar from adding-up to the Width of page on Chrome
  15. How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
  16. Different implementation of Flexbox in Firefox and Chrome
  17. chrome/safari display border around image
  18. text-decoration not working for visited state link
  19. 100vh height when address bar is shown – Chrome Mobile
  20. Select size attribute size not working in Chrome/Safari?
  21. Can I use div as a direct child of UL?
  22. How to center text vertically with a large font-awesome icon?
  23. HTML iframe – disable scroll
  24. Remove space above and below tag HTML
  25. My @media queries aren’t working on mobile devices
  26. Is it possible to set a background in a bootstrap column that oversizes the div? [duplicate]
  27. Select first occurring element after another element
  28. How to change SVG color when it is an encoded CSS background image?
  29. Bootstrap Grid, do I need a container?
  30. Why does a border increase the element’s width?

Leave a Comment