New CSS Form Features to Look Out for in 2025

I’ve been working on some new form features for the CSS-Tricks Almanack, and it has definitely caught my interest over the past few weeks. I wrote about some of them (I even made a video :D), and I’m still writing on as they come out. I’m sharing them here to give a little breakdown and summary, and maybe give you a little hint as to the next articles to come out.

So without further ado, here are the new CSS form features you should know in 2025:

Video

Funny how this extends beyond the <select> dropdown. As of this writing, it definitely only works for <select>, but these should extend beyond that. Check out the documentation below for reference.

Almanac

Here are new form pseudo-selectors you should look out for, with a little description. For more information, kindly check out the links associated with them :).

1. :open: Targets elements with both “open” and “closed” states, styling only the element’s “open” state.

2. ::checkmark: Styles the checkmark associated with the selected dropdown elements

3. ::picker(): Styles the form element dropdown itself

4. ::picker-icon (coming soon): Styles the icon associated with the <select> dropdown indicating it's in its “open” state

Happy reading!