agree xxx
.mb-checkbox { width: 20px; height: 20px; display: inline-block; user-select: none; border: 2px solid #a8a8a8; box-sizing: border-box; border-radius: 50%; position: relative; } .mb-checkbox input { cursor: pointer; opacity: 0; } .mb-checkbox div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box; pointer-events: none; border: 2px solid #fff; } .mb-checkbox:hover div { background-color: #eee; } .mb-checkbox input:checked ~ div { background-color: #a8a8a8; }
SINCE 2022 ©
markbuild