---
title: "The native select was finally fixed"
url: https://daily.dev/posts/the-native-select-was-finally-fixed-gzoelhhh3
source_url: https://www.youtube.com/watch?v=op4YGYoD36o
type: video:youtube
source: "YouTube"
published: 2026-05-14T06:40:23.713Z
updated: 2026-05-14T06:40:41.105Z
tags: ["css", "html", "web-components"]
reading_time: 6
upvotes: 48
comments: 8
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# The native select was finally fixed

**[YouTube](https://daily.dev/sources/youtube)** · 6 min read · 48 upvotes · 8 comments

## Summary

The native HTML select element now supports extensive CSS customization via the `appearance: base-select` property. This opts into a new customizable select model that separates the closed control from the open picker, enabling independent styling of each. New pseudo-elements like `::picker-icon`, `::checkmark`, and the `<selectedcontent>` HTML element allow full control over the dropdown arrow, selected option indicator, and displayed value. Animations and transitions can be applied to the picker icon using the `:open` pseudo-class. Browser support is currently limited to Chrome, with Firefox not yet supporting the feature.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.youtube.com/watch?v=op4YGYoD36o>

## Community discussion

Top comments from developers on daily.dev.

**@alexeyzerkalenkov** · 1 upvotes

> Firefox will be the last one to await for. :-D

**@rich\_tech123** · 1 upvotes

> That's would be so cool man.
> I've lowkey, alway's wanted that.
>
> #CSS

**@kokwei325** · 1 upvotes

> does this work on all kind of browser including safari?

**@noureldeensayedhamdy** · 0 upvotes

> That's just awesome, period

**@byteoutlaw** · 0 upvotes

> We had AI in the waiting times damn. ;)

## Similar posts on daily.dev

- [The <selectmenu> Element: Stop Using JavaScript Dropdown Libraries](https://daily.dev/posts/the-selectmenu-element-stop-using-javascript-dropdown-libraries-22c9sm7x7) · SitePoint · 25 upvotes · 0 comments

---

Tags: [#css](https://daily.dev/tags/css), [#html](https://daily.dev/tags/html), [#web-components](https://daily.dev/tags/web-components)

[View this post on daily.dev](https://daily.dev/posts/the-native-select-was-finally-fixed-gzoelhhh3)