@@ -696,6 +696,7 @@ input[type=radio]::checkmark {
696
696
697
697
```css
698
698
button,
699
+ ::file-selector-button,
699
700
select,
700
701
input[type="color"] {
701
702
border: 1px solid currentColor;
@@ -726,13 +727,16 @@ input[type="color"] {
726
727
display: inline-flex;
727
728
gap: 1em;
728
729
}
729
- :is(button, select, input[type="color"] ):enabled:hover {
730
+ :is(button, select, input[type="color"] ):enabled:hover,
731
+ :enabled::file-selector-button:hover {
730
732
background-color: color-mix(in lab, currentColor 10%, transparent);
731
733
}
732
- :is(button, select, input[type="color"] ):enabled:active {
734
+ :is(button, select, input[type="color"] ):enabled:active,
735
+ :enabled::file-selector-button:active {
733
736
background-color: color-mix(in lab, currentColor 20%, transparent);
734
737
}
735
- :is(button, select, input[type="color"] ):disabled {
738
+ :is(button, select, input[type="color"] ):disabled,
739
+ :disabled::file-selector-button {
736
740
color: color-mix(in srgb, currentColor 50%, transparent);
737
741
}
738
742
0 commit comments