- App
- WoltLab Suite Core
Hallo,
es wäre schön wenn man alle Formularelemente vereinheitlichen könnte, da diesen zurzeit noch nicht so bei allen Checkboxen ist, daher kam bei mir das Problem auf das eine nicht sehr sichtbar war und ich dieses mit Folgendem code über die Still unabhängige CSS Lösen musste.
Code
#tpl_wcf_scTermsOfUse {
input[type=checkbox] {
-webkit-appearance: none;
background-color: #fafafa;
border: 1px solid #bdbfbf;
box-shadow:
0 1px 2px rgba(0,0,0,0.05),
inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 9px;
border-radius: 3px;
display: inline-block;
position: relative;
top: 7px;
}
input[type=checkbox]:active,
input[type=checkbox]:checked:active {
box-shadow:
0 1px 2px rgba(0,0,0,0.05),
inset 0px 1px 3px rgba(0,0,0,0.1);
}
input[type=checkbox]:checked {
background-color: #e9ecee;
border: 1px solid #adb8c0;
box-shadow:
0 1px 2px rgba(0,0,0,0.05),
inset 0px -15px 10px -12px rgba(0,0,0,0.05),
inset 15px 10px -12px rgba(255,255,255,0.1);
color: green;
}
input[type=checkbox]:checked:after {
content: '\2714';
font-size: 14px;
position: absolute;
top: 0px;
left: 3px;
color: green;
}
}
