Skip to content

Commit f1d29cf

Browse files
committed
Add fill style for checked switches
1 parent 6371aaf commit f1d29cf

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

css-forms-1/Overview.bs

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -877,8 +877,15 @@ progress:indeterminate::slider-fill {
877877
}
878878

879879
input[type=checkbox][switch]::slider-fill {
880-
background-color: transparent;
880+
background-color: color-mix(in lab, currentColor 25%, transparent);
881881
border-radius: inherit;
882+
883+
block-size: 100%;
884+
inline-size: 0%;
885+
}
886+
887+
input[type="checkbox"][switch]:checked::slider-fill {
888+
inline-size: 100%;
882889
}
883890

884891
input[type="checkbox"][switch]::slider-thumb,

0 commit comments

Comments
 (0)