Сам я разрабатываю стиль для клиента 4pda, там можно с помощью CSS самостоятельно стилизовать отображаемые странички. Решил стилизовать чекбоксы, и мне один юзер присылает скриншот с тем как у него отображаются чекбоксы, также я узнал, что у него устройство работает на android (miui). Я не могу понять почему так происходит, подскажите, пожалуйста, где моя ошибка (может, кто-то даже сталкивался)?
Вот его
скриншот
Фрагмент кода:
input[type*=checkbox]{
position: relative;
line-height: 20px;
height: 16px;
width: 16px;
margin: 1px;
}
input[type*=checkbox]:after{
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #242424;
border: 1px solid #555454;
box-sizing: border-box;
-webkit-border-radius: 2px;
-webkit-box-shadow: inset 0 0 6px #000;
top:0;
left: 0;
}
input[type*=checkbox]:before{
content: "Выбрать";
position: absolute;
left: 20px;
color: #afafaf;
}
input[type*=checkbox]:checked:after{
content: "✓";
position: absolute;
width: 100%;
height: 100%;
color:#38B4E1;
text-shadow: 0 0 3px #3b84ad;
text-align: center;
line-height: 18px;
}
input[type*=checkbox]:checked:before{
content: "Выбрано";
color:#38B4E1;
text-shadow: 0 0 3px #3b84ad;
}
Простой
