Make checkbox label change color on hover

2024-12-22 14:41:29 +01:00 · 2022-07-28 10:54:08 -06:00 · 2022-07-28 10:54:08 -06:00 · 827a10376a
commit 827a10376a
parent 7a05318d49
1 changed files with 4 additions and 0 deletions
--- a/api/js/etemplate/Et2Checkbox/Et2Checkbox.ts
+++ b/api/js/etemplate/Et2Checkbox/Et2Checkbox.ts
@ -31,6 +31,10 @@ export class Et2Checkbox extends Et2InputWidget(SlCheckbox)
            :host([disabled]) {
            	display:initial;
            }
+            /* Extend hover highlight to label */
+            .checkbox:not(.checkbox--disabled):hover {
+				color: var(--sl-input-border-color-hover);
+			}
            `,
 		];
 	}