Почему на андроиде не отображается флажок в чекбоксе?

На сайте есть форма, в ней кастомный чекбокс

input{-webkit-appearance:none}
    .customCheckbox{display:inline-block;
    width:24px;
        height:24px;
        border-radius:5px;
        background:0 0;
        box-sizing:border-box;
        border:1px solid #e8e8e8;
    position:relative}
    .customCheckbox::before
    {content:'';background:url(../img/icon_check.svg) no-repeat;
        width:10px;
        height:10px;
        display:block;
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        opacity:0}
    input[type=checkbox]:checked+.customCheckbox:before{opacity:1}

Все прекрасно отображается и на десктопе, и на iPhone, а вот андроид никак не хочет. Хотя форма работает. Но вот png флажок не отображается. В чем может быть проблема?


Ответы (0 шт):