W3C Developers<p>Ever wanted to style HTML form controls with custom CSS? A new <span class="h-card" translate="no"><a href="https://w3c.social/@w3c" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>w3c</span></a></span> <a href="https://w3c.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> specification is underway: "CSS Form Control Styling Level 1" <a href="https://w3c.social/tags/FPWD" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FPWD</span></a> <a href="https://w3c.social/tags/timetogiveinput" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>timetogiveinput</span></a><br>▶️ <a href="https://www.w3.org/TR/css-forms-1/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">w3.org/TR/css-forms-1/</span><span class="invisible"></span></a></p><p>This spec. aims to standardize form styling, improving design consistency and <a href="https://w3c.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> while giving web <a href="https://w3c.social/tags/designers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designers</span></a> more control.<br>Feedback welcome! <a href="https://github.com/w3c/csswg-drafts/labels/css-forms-1" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/w3c/csswg-drafts/la</span><span class="invisible">bels/css-forms-1</span></a></p><p>Need a demo? Check this one by <span class="h-card" translate="no"><a href="https://front-end.social/@argyleink" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>argyleink</span></a></span>! <a href="https://nerdy.dev/customize-a-select" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">nerdy.dev/customize-a-select</span><span class="invisible"></span></a></p>