w3c / csswg-drafts

CSS Working Group Editor Drafts
https://drafts.csswg.org/
Other
4.52k stars 674 forks source link

Allow styling of input[type=number] number spinner #8777

Open samhed opened 1 year ago

samhed commented 1 year ago

<input type="number"> elements display spinners in most desktop browsers to increase/decrease the number value. These cannot be styled. There is the non-standard ::-webkit-inner-spin-button and ::-webkit-outer-spin-button, but these are limited and don't work in all browsers. Links regarding the webkit selectors:

https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-inner-spin-button https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-outer-spin-button https://trac.webkit.org/wiki/Styling%20Form%20Controls#inputelement

We'd like to see the possibility to change the appearance of the spinner, providing different buttons icons and hover/active styles.

samhed commented 1 year ago

See also: #7226