[css-forms-1] Add input buttons to selectors for buttons

Author: lukewarlow

css-forms-1/Overview.bs

@@ -702,7 +702,7 @@ input[type=radio]:checked::checkmark {
 button,
 ::file-selector-button,
 select,
-input[type="color"] {
+input:is([type="color"], [type="button"], [type="reset"], [type="submit"]) {
   border: 1px solid currentColor;
   background-color: transparent;
   color: inherit;
@@ -733,15 +733,15 @@ input[type="color"] {
 
   user-select: none;
 }
-:is(button, select, input[type="color"]):enabled:hover,
+:is(button, select, input:is([type="color"], [type="button"], [type="reset"], [type="submit"])):enabled:hover,
 :enabled::file-selector-button:hover {
   background-color: color-mix(in lab, currentColor 10%, transparent);
 }
-:is(button, select, input[type="color"]):enabled:active,
+:is(button, select, input:is([type="color"], [type="button"], [type="reset"], [type="submit"])):enabled:active,
 :enabled::file-selector-button:active {
   background-color: color-mix(in lab, currentColor 20%, transparent);
 }
-:is(button, select, input[type="color"]):disabled,
+:is(button, select, input:is([type="color"], [type="button"], [type="reset"], [type="submit"])):disabled,
 :disabled::file-selector-button {
   color: color-mix(in srgb, currentColor 50%, transparent);
 }