Hallo,
ich habe ein CSS-Verständnisproblem.
Ich habe bei der Survey Extension dien Radiobutton mit CSS nach meinen Vorstellungen angepasst.
Erstelle ich jedoch z.B. eine Matrix-Frage wird eine Tabelle generiert und die Radiobutton werde nicht mehr dargestellt.
Wie muss ich die CSS anpassen, um Checkboxen und Radiobutton auch in Tabellen anzeigen zu lassen?
Code:
/* Buttons */
/* remove standard-styles */
input[type=radio],
input[type=checkbox] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
desweiteren:
Code:
/* Buttons */
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
content: ' ';
display: inline-block;
width: 24px;
height: 24px;
position: relative;
top: 4px;
border: 1px solid #bbb;
background: white;
margin-right: 1em;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .1);
}
input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
border-radius: 24px;
}
input[type='checkbox']:hover + label::before,
input[type='radio']:hover + label::before {
background:#ededed;
box-shadow: inset 0 0 0 2px white;
}
input[type='checkbox']:checked + label::before,
input[type='radio']:checked + label::before {
background:#0daaa6;
box-shadow: inset 0 0 0 2px white;
}
Damit sieht alles Prima aus... nur leider nicht in Tabellen...