[csswg-drafts] [css-forms] option hover/active styles inside of disabled select listbox (#13383)

lukewarlow has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-forms] option hover/active styles inside of disabled select listbox ==
Currently per the CSS forms spec (and as implemented in chromium) if a select renders as a listbox and you hover an option within, it gets a hover style. This feels misplaced as it's disabled and so you can't interact.

My proposal would be:

Before:

```css
select option:enabled:hover {
  background-color: color-mix(in lab, currentColor 10%, transparent);
}
select option:enabled:active {
  background-color: color-mix(in lab, currentColor 20%, transparent);
}
```

After:

```css
select:enabled option:enabled:hover {
  background-color: color-mix(in lab, currentColor 10%, transparent);
}
select:enabled option:enabled:active {
  background-color: color-mix(in lab, currentColor 20%, transparent);
}
```

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13383 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 22 January 2026 19:17:08 UTC