How I can apply border and border-radius css for checkbox
Jun 6, 2022
without used -webkit-appearance: none, -appearance: none css to checkbox.
Add comment
Answers (1)
Add Answer
input[id="cb1"] + label {
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid #bcbcbc;
border-radius: 2px;
cursor: pointer;
}
input[id="cb1"]:checked + label:after {
position: relative;
top: -4px;
left: 2px;
content: '\2714';
font-size: 14px;
}
input[id="cb1"] {
display: none;
}
