Skip to content

Commit 34931f6

Browse files
lukewarlownt1m
authored andcommitted
[css-forms-1] Add ::file-selector-button to selectors for buttons
1 parent 76e49d9 commit 34931f6

File tree

1 file changed

+7
-3
lines changed

1 file changed

+7
-3
lines changed

css-forms-1/Overview.bs

+7-3
Original file line numberDiff line numberDiff line change
@@ -696,6 +696,7 @@ input[type=radio]::checkmark {
696696

697697
```css
698698
button,
699+
::file-selector-button,
699700
select,
700701
input[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

Comments
 (0)