The default html <option> tag should enable more css styling options to it

[WebWeWantBot]

---

title: The default html tag should enable more css styling options to it date: 2023-10-05T19:11:18.230Z submitter: Yash Raj Bharti number: 651f0a567474780066dd5b6d tags: [ ] discussion: https://github.com/WebWeWant/webwewant.fyi/discussions/ status: [ discussing || in-progress || complete ] related:

• title: url: type: [ article || explainer || draft || spec || note || discussion ]

The select and option tags in HTML have been around since 2008 (source: Mozilla web docs). The tag allows some styling options via CSS, but the tag is a notorious one. Let me explain; since its inception, these tags have very limited styling options and a platform/OS dependent on how they would appear (in terms of UI) on a browser. They appear okay-ish on Safari and Chrome on MacOS and good on Firefox across all platforms. But the same cannot be said for their UI on Linux and Windows. The option tag has been a boon and a bane at the same time, and it's pretty much a dilemma whether to use it or not. I like the default behavior and do not want to make workarounds for and tags using

's or (or "checkbox" for multiple selections). Currently, the only CSS properties that the option tag allows are the color and background color (might be due to the properties in it's Shadow DOM), and there's a strong need to bring some basic properties like margin, padding, font size, etc. Except for their ugly UI, these tags are beneficial. Thus, if what we ultimately do is make our own version of select and option tags, this can only mean there is some critical need to remake these tags or at least increasing the capability of CSS that can be applied to it.

---

If posted, this will appear at https://webwewant.fyi/wants/651f0a567474780066dd5b6d/

[ststimac]

This falls under the Open UI Charter & has been in progress for quite some time. Closing this in favor of the existing issue.