@@ -696,6 +696,7 @@ input[type=radio]::checkmark {
696696
697697```css
698698button,
699+ ::file-selector-button,
699700select,
700701input[type="color"] {
701702 border: 1px solid currentColor;
@@ -726,13 +727,16 @@ input[type="color"] {
726727 display: inline-flex;
727728 gap: 1em;
728729}
729- :is(button, select, input[type="color"] ):enabled:hover {
730+ :is(button, select, input[type="color"] ):enabled:hover,
731+ :enabled::file-selector-button:hover {
730732 background-color: color-mix(in lab, currentColor 10%, transparent);
731733}
732- :is(button, select, input[type="color"] ):enabled:active {
734+ :is(button, select, input[type="color"] ):enabled:active,
735+ :enabled::file-selector-button:active {
733736 background-color: color-mix(in lab, currentColor 20%, transparent);
734737}
735- :is(button, select, input[type="color"] ):disabled {
738+ :is(button, select, input[type="color"] ):disabled,
739+ :disabled::file-selector-button {
736740 color: color-mix(in srgb, currentColor 50%, transparent);
737741}
738742
0 commit comments