Timeline for How to style the option of an HTML select element?
Current License: CC BY-SA 4.0
17 events
| when toggle format | what | by | license | comment | |
|---|---|---|---|---|---|
| Jan 31, 2023 at 12:20 | comment | added | theking2 | doesnt work on android | |
| Apr 18, 2022 at 10:58 | comment | added | mplungjan | Not visible in Chrome on OSX in 2022 | |
| Oct 21, 2021 at 13:45 | comment | added | HoldOffHunger | @bcag2: Your theme may be broken. Also, not sure why "updating" FF would cause this break. Just did an update, still works perfectly fine, attached yet another image. Thanks again for adding your insight. Cheers. | |
| Oct 21, 2021 at 13:44 | history | edited | HoldOffHunger | CC BY-SA 4.0 |
added 85 characters in body
|
| Oct 21, 2021 at 11:28 | comment | added | bcag2 | @HoldOffHunger: not in my updated FF version 93.0 under Ubuntu (I use dark theme)! | |
| Oct 20, 2021 at 17:14 | comment | added | HoldOffHunger | @bcag2: It works fine in FF, just posted an image. And OP was asking how to style an entire option, not enough space to really break out every edge-case. Cheers. | |
| Oct 20, 2021 at 17:10 | history | edited | HoldOffHunger | CC BY-SA 4.0 |
added 87 characters in body
|
| Oct 20, 2021 at 17:01 | comment | added | bcag2 | only work in chromium/chrome and not in firefox and all text is bold, we can't mix 'bold - non-bold' text | |
| Jan 20, 2021 at 18:00 | comment | added | Justin |
@WebDude0482 if you want what's displayed as selected to be bold too you can do select, option:checked { font-weight: bold; }
|
|
| Feb 14, 2019 at 18:55 | comment | added | WebDude0482 | This only works for the drop down, not what is displayed as selected. Too Bad. | |
| Sep 18, 2018 at 3:29 | history | edited | HoldOffHunger | CC BY-SA 4.0 |
added 45 characters in body
|
| Sep 18, 2018 at 3:20 | history | edited | HoldOffHunger | CC BY-SA 4.0 |
added 87 characters in body
|
| Jul 4, 2018 at 13:07 | comment | added | HoldOffHunger | @Akash: Interesting, this worked on Firefox before they released Firefox Quantum, and it still currently works on Chrome (60%+ of users). I bet it's a bug! | |
| Jan 23, 2018 at 19:48 | comment | added | HoldOffHunger | @Muhamed Al Khalil: I updated the example to be more clear, since the currently selected option has its own style, too. If that doesn't work, I suspect browser compatibility issues, then. =\ | |
| Jan 23, 2018 at 19:47 | history | edited | HoldOffHunger | CC BY-SA 3.0 |
edited body
|
| Nov 26, 2017 at 22:39 | history | edited | YakovL | CC BY-SA 3.0 |
inserted a snippet
|
| Apr 28, 2016 at 12:24 | history | answered | HoldOffHunger | CC BY-SA 3.0 |