Button Label Toggle via CSS

In letzter Zeit hatte ich oft den Fall, dass ein Button im aktiven Status seine Aufschrift verändern soll. Über die Zeit hat sich aus einem ursprünglich etwas ungelenken Script, mit Hilfe des :not() Selectors, ein schlankes CSS-Snippet entwickelt.

CSS

.btn:not(.active) > .btn-label-active,
.btn.active > .btn-label-default {
	display: none;
}

(mehr …)