4 ms·

Abusing Customizable Selects

166 points by speckx 8mo ago

love2read 8mo ago
The person who wrote this post is incredibly creative. Every one of these is more interesting than 10 google tools. I guess thus is the rule of industrial tools, that is, to minimize surprise.
- OuterVale 8mo ago
  Patrick is incredibly creative with CSS. Check out his lab on his website which is full of more wild stuff: https://patrickbrosset.com/lab/ https://patrickbrosset.com/lab/
duskdozer 8mo ago
I admit this is neat tech but I am not looking forward to the monstrosities that are going to result. I'm hoping there will be (already is?) something that could translate anything into a stripped down minimal-effect version. Like reader mode but universal
- dqv 8mo ago
  That already exists because it's just a styled dropdown menu. If you remove the CSS, it reverts back to an unstyled dropdown menu like what is seen at the beginning of the article: https://i0.wp.com/css-tricks.com/wp-content/uploads/2026/02/image-7.png?w=246&ssl=1 https://i0.wp.com/css-tricks.com/wp-content/uploads/2026/02/...
  - duskdozer 8mo ago
    Yeah, and maybe I'm overcomplicating this in my head, but it's based on my difficult experience trying to reduce distracting/annoying styling ad-hoc. My ideal is something that's able to "universally" produce a barebones version of a page that matches its original layout as best it can, and otherwise leaves it semi functional/readable. Maybe I just haven't spent enough time sitting and thinking about how to do this generically and it's easier than I think.
- deleted 8mo ago
  [deleted]
- 8organicbits 8mo ago
  Would changing your usercontent.css or uBlock Origin filter to set all select appearance attributes to auto help? There are some challenges, like the custom style could hide elements, but I think that should give fall-back equivilent styling.
- troupo 8mo ago
  This is still better than currebt monstrosities because the underlying select should still be an actual select (including keyboard navigation etc.)
Nahid890 8mo ago
[dead]
Nahid890 8mo ago
[dead]
mock-possum 8mo ago
Incredibly cool - and since it’s a native element, it cleanly falls back to just a normal select on e.g. iOS.
jnd-cz 8mo ago
Customisable selects are not supported in Firefox.

166 points by speckx 8mo ago

The person who wrote this post is incredibly creative. Every one of these is more interesting than 10 google tools. I guess thus is the rule of industrial tools, that is, to minimize surprise.

OuterVale 8mo ago
Patrick is incredibly creative with CSS. Check out his lab on his website which is full of more wild stuff: https://patrickbrosset.com/lab/ https://patrickbrosset.com/lab/

duskdozer 8mo ago

I admit this is neat tech but I am not looking forward to the monstrosities that are going to result. I'm hoping there will be (already is?) something that could translate anything into a stripped down minimal-effect version. Like reader mode but universal

dqv 8mo ago
That already exists because it's just a styled dropdown menu. If you remove the CSS, it reverts back to an unstyled dropdown menu like what is seen at the beginning of the article: https://i0.wp.com/css-tricks.com/wp-content/uploads/2026/02/image-7.png?w=246&ssl=1 https://i0.wp.com/css-tricks.com/wp-content/uploads/2026/02/...
- duskdozer 8mo ago
  Yeah, and maybe I'm overcomplicating this in my head, but it's based on my difficult experience trying to reduce distracting/annoying styling ad-hoc. My ideal is something that's able to "universally" produce a barebones version of a page that matches its original layout as best it can, and otherwise leaves it semi functional/readable. Maybe I just haven't spent enough time sitting and thinking about how to do this generically and it's easier than I think.
deleted 8mo ago
[deleted]
8organicbits 8mo ago
Would changing your usercontent.css or uBlock Origin filter to set all select appearance attributes to auto help? There are some challenges, like the custom style could hide elements, but I think that should give fall-back equivilent styling.
troupo 8mo ago
This is still better than currebt monstrosities because the underlying select should still be an actual select (including keyboard navigation etc.)

Nahid890 8mo ago

[dead]

Nahid890 8mo ago

[dead]

mock-possum 8mo ago

Incredibly cool - and since it’s a native element, it cleanly falls back to just a normal select on e.g. iOS.

jnd-cz 8mo ago

Customisable selects are not supported in Firefox.