Un checkbox no la propiedad background-color
, lo que podrías hacer es ajustar el checkbox a un div
que tenga el color de fondo.
.myCheckbox input:checked {
background-color: #2196F3;
}
.div-fondo {
margin-top: 5px;
background-color: #2196F3;
padding: 5px;
color: white;
}
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="div-fondo">
<label class="myCheckbox">
<input class="checkbox" type="checkbox">
</label>
<span class="id">Opción</span>
<div>
</body>
</html>