Hallo zusammen,
hier ein kleiner Tipp zum Update von vor ein paar Tagen:
Wem die doch eher bunte Darstellung der Zahlarten nicht gefällt, kann diese sehr einfach in Graustufen abbilden und nur die ausgewählte Zahlart bunt belassen:
Dazu bitte diesen Code:
über die Maske Layout > Schriften/CSS > Root in das CSS einfach unten anhängen.
Wer möchte, dass es schon beim Hovern bunt werden soll, der kann das hier benutzen:
Hier noch eine dritte Variante mit einem Transition-Effek, wer es etwas verspielter mag:
Wenn dann noch immer nicht genug hat, kann zusätzlich mit:
die Radiobuttons bunt einfärben.
hier ein kleiner Tipp zum Update von vor ein paar Tagen:
Wem die doch eher bunte Darstellung der Zahlarten nicht gefällt, kann diese sehr einfach in Graustufen abbilden und nur die ausgewählte Zahlart bunt belassen:
Dazu bitte diesen Code:
.login_c input[type="radio"]:checked + label {filter: grayscale(0);}
.login_c input[type="radio"] + label {filter: grayscale(100%);}
.login_c input[type="radio"] + label {filter: grayscale(100%);}
über die Maske Layout > Schriften/CSS > Root in das CSS einfach unten anhängen.
Wer möchte, dass es schon beim Hovern bunt werden soll, der kann das hier benutzen:
.login_c input[type="radio"]:checked + label {filter: grayscale(0);}
.login_c input[type="radio"]:hover + label {filter: grayscale(0);}
.login_c input[type="radio"] + label {filter: grayscale(100%);}
.login_c input[type="radio"]:hover + label {filter: grayscale(0);}
.login_c input[type="radio"] + label {filter: grayscale(100%);}
Hier noch eine dritte Variante mit einem Transition-Effek, wer es etwas verspielter mag:
.login_c input[type="radio"]:checked + label {filter: grayscale(0);transition: filter .5s;}
.login_c input[type="radio"]:hover + label {filter: grayscale(0);transition: filter .5s;}
.login_c input[type="radio"] + label {filter: grayscale(100%);transition: filter .5s;}
.login_c input[type="radio"]:hover + label {filter: grayscale(0);transition: filter .5s;}
.login_c input[type="radio"] + label {filter: grayscale(100%);transition: filter .5s;}
Wenn dann noch immer nicht genug hat, kann zusätzlich mit:
.login_c input[type="radio"] + label:before{box-shadow: 0 0 0 1px #7401DF!important;transition: box-shadow .3s;}
.login_c input[type="radio"]:checked + label:before{background:#7401DF!important;transition: background .3s;}
.login_c input[type="radio"]:checked + label:before{background:#7401DF!important;transition: background .3s;}
die Radiobuttons bunt einfärben.