bu şekilde şekilde olmuyor, kodunuzu da tam bilmiyorum
::before kısmını iptal edip alttaki gibi yapmanız lazım:
::before kısmını iptal edip alttaki gibi yapmanız lazım:
input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {
padding-left: 1em;
color: #8e44ad;
background: white;
border-radius: 1rem;
}
Hocam sanırım anlatamadım. Aşağıdaki gibi .group classına background verince, labelin borderının üzerine basıyor. Bunu çözemedim.
.group {
display: flex;
align-items: center;
margin-bottom: 2em;
background-color:#fff;
}