checkbox clickable et modification des textes
This commit is contained in:
22
styles.css
22
styles.css
@@ -408,8 +408,11 @@ body {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
height: 0;
|
||||
width: 0;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
left: 0;
|
||||
top: 1px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Checkbox personnalisée */
|
||||
@@ -427,14 +430,21 @@ body {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* Checkbox cochée */
|
||||
.checkbox-label input[type="checkbox"]:checked ~ ::before {
|
||||
/* Checkbox cochée - fond violet */
|
||||
.checkbox-label input[type="checkbox"]:checked + span::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 1px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: #667eea;
|
||||
border-color: #667eea;
|
||||
border: 2px solid #667eea;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Icône de check */
|
||||
.checkbox-label input[type="checkbox"]:checked ~ ::after {
|
||||
.checkbox-label input[type="checkbox"]:checked + span::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
|
||||
Reference in New Issue
Block a user