Disable webkit’s spin buttons on input type=”number”?

by

I discovered that there is a second portion of the answer to this.

The first portion helped me, but I still had a space to the right of my type=number input. I had zeroed out the margin on the input, but apparently I had to zero out the margin on the spinner as well.

This fixed it:

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

More Related Contents:

  1. How to style HTML5 range input to have different color before and after slider?
  2. Webkit CSS to control the box around the color in an input[type=color]?
  3. using a div to blur an image behind it? [duplicate]
  4. Custom CSS Scrollbar for Firefox
  5. Make a div into a link
  6. How to get div height to auto-adjust to background size?
  7. How can I make an svg scale with its parent container?
  8. Is there a way to word-wrap long words in a div?
  9. Format text in a ?
  10. Preventing scroll bars from being hidden for MacOS trackpad users in WebKit/Blink
  11. Size of HTML5 Canvas via CSS versus element attributes
  12. CSS :before on inline SVG
  13. How to create equal height columns in pure CSS [duplicate]
  14. How do I right align div elements?
  15. WebKit: Blurry text with css scale + translate3d
  16. What is the difference between the hidden attribute (HTML5) and the display:none rule (CSS)?
  17. How does object-fit work with canvas element?
  18. How to make a element expand or contract to its parent container?
  19. scale HTML5 Video and break aspect ratio to fill whole site
  20. Disable zoom on a div, but allow zoom on the page (an alternate div)
  21. element not working in Internet Explorer 11
  22. Split Div Into 2 Columns Using CSS
  23. Why can’t I make my div 100% height if I use an HTML5 doctype? How do I get it 100% height
  24. What is the correct “-moz-appearance” value to hide dropdown arrow of a element
  25. CSS3 property webkit-overflow-scrolling:touch ERROR
  26. Safari/Chrome (Webkit) – Cannot hide iframe vertical scrollbar
  27. How to add a search box with icon to the navbar in Bootstrap 3?
  28. Align vertically using CSS 3
  29. HTML5 image icon to input placeholder
  30. background-image doesn’t appear if is empty?

Leave a Comment