2013-12-23 4 views
1

Я настроил флажок html с помощью некоторого css. В этом я использую рамку флажка 1px solid. Но в слева и сверху границы, флажок имеет некоторое количество пикселей, которое больше, чем правое и нижнее. При проверке элемента в устройстве отображается только одно значение границы 1px.Флажок с дополнительным значением пикселя в браузере устройства Android

Checkbox border issue

Как решить эту проблему.?

EDIT 1: CSS используется для флажка:

.rootel { 
     height: 12px; 
     width: 12px; 
     float: left; 
     border: 1px solid #333333; 
    } 
    .rootel .innerel.active{ 
     background-position: 0 -4px; 
     background-repeat: no-repeat; 
     float: left; 
     height: 20px; 
     left: -3px; 
     position: absolute; 
     top: -5px; 
     width: 22px; 
    } 
+0

Вы пытались сбросить все другие свойства, которые могли бы сделать это? Как 'outline',' box-shadow', ... – LeBen

+0

Да. Я установил контуры, -webkit-appearanceenace и -webkit-box-shadow никому. Но проблема остается. – Karthick

+0

Так как Android 4 box-shadow не имеет префиксов. Вы также сбросили «коробку-тень»? – LeBen

ответ

0

Я не знаю, что вопрос вы имеете, как вы не поставили какой-либо код, чтобы я попробовал мой сам

и интересно я не найден ни одного вопроса

Checkout here

Я позиционирую абсолютным, если я хочу, чтобы применить границу к элементу с сНом EXTRA применяется за ним, пожалуйста, обратите внимание, что это са п архивировать через Z-индекс только другой мудрый чек-бокс не будет кликабелен

Я думаю, что есть вероятность краев некоторых 0,03 пикселей

В браузере настольного компьютера, кажется, хорошо, но его не решен андроид браузеров

+0

Я вставил css в свой вопрос. Пожалуйста, проверьте и предложите решить проблему. – Karthick

+0

нет, пожалуйста, добавьте его на http://jsbin.com/ –

+0

Пожалуйста, ознакомьтесь с этим. http://jsbin.com/AxadoDI/1. В активном классе. флажок находится внутри коробки. – Karthick

 Смежные вопросы

  • Нет связанных вопросов^_^