<we:userInput type="checkbox" nicht per CSS beeinflussbar?
Verfasst: Mi 26. Jun 2019, 11:05
Hallo Gemeinde,
ich arbeite derzeit an Formularen für das Frontend, in denen diesemal auch UserInputs vom Typ Checkbox und Radio vorkommen (Kunden-Profile).
An dem Stylen dieser Elemente beiße ich mir gerade die Zähne aus, denn sobald ich folgenden css-code verwende:
werden die Checkboxen im Formular gar nicht mehr angezeigt.
Die durch webEdition ausgelieferte Klasse "we we_unserinput" beinflusst das ganz offensichtlich so, dass man hier keine individuellen Möglichkeiten zu haben scheint.
Mit ist bekannt, dass man das u. U. umgehen könnte, indem man das ganze in ein
packt, allerdings ist dann die Funktionalität [editable="true"] nicht mehr möglich, was aber unbedingte Voraussetzung ist, damit der Kunde im Nachhinein Änderunge vornehmen kann.
Hat jemand vielleich hier einen Lösungsansatz?
ich arbeite derzeit an Formularen für das Frontend, in denen diesemal auch UserInputs vom Typ Checkbox und Radio vorkommen (Kunden-Profile).
Code: Alles auswählen
<we:userInput type="checkbox" id="blubb" name="Blubb" editable="true" value="0" /><label for="blubb"><span>Blubb</span></label>
Code: Alles auswählen
input[type="checkbox"] {
display:none;
}
input[type="checkbox"] + label {
color:#000;
}
input[type="checkbox"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-2px 10px 0 0;
vertical-align:middle;
background: #ffffff;
cursor:pointer;
}
input[type="checkbox"]:checked + label span {
background: #f00;
}
Die durch webEdition ausgelieferte Klasse "we we_unserinput" beinflusst das ganz offensichtlich so, dass man hier keine individuellen Möglichkeiten zu haben scheint.
Mit ist bekannt, dass man das u. U. umgehen könnte, indem man das ganze in ein
Code: Alles auswählen
<input type="checkbox">... hier der Wert über eine Variable ... /><label for="blubb"><span>Blubb</span></label>
Hat jemand vielleich hier einen Lösungsansatz?