Удалить контур флажок в jQuery Мобильный

Question

Я получил это, но я не хочу желтый контур. Как я могу сделать?

Мой код:

<div class="ui-block-a"> 
       <div class="ui-bar ui-bar-e" style="height:50px"> 
        <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" /> 
        <label for="checkbox-1"></label> 
       </div> 

Answer 1

Вам необходимо переопределить стиль флажок в три этапа.

Позиция самого флажка, который лежит за визуальным флажком. Я добавил div.-ui-bar перед каждым переопределенным стилем, чтобы не быть конкретным и сохранять оригинальные стили в другом месте.

Demo

div.ui-bar input { 
left: 10px !important 
} 

Ширина этикетки

div.ui-bar label { 
width: 27px !important 
} 

Положение визуального флажком

div.ui-bar .ui-checkbox .ui-btn-icon-left .ui-icon { 
left: 5px !important 
}