Как увеличить размер флажка на мобильных веб-страницах на мобильных устройствах или планшете?

Я разработал веб-страницу для мобильных/планшетов. когда я открываю его в браузерах для мобильных/планшетов, флажок выглядит небольшим и трудно определить, проверено ли оно или нет. Я пробовал css. но бесполезно.

Как мы можем увеличить размер флажка для веб-страниц браузера для мобильных устройств? else есть ли какое-либо решение для этого?

Ответ 1

попробовать:

<input type="checkbox" style="min-height:80px;min-width:80px;">

оператор "min-" - ваш друг; -)

Ответ 3

input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(2);
  /* Webkit browsers*/
  -webkit-transform: scale(2);
}

Ответ 4

Или вы можете попробовать его с помощью uniform или jQuery Mobile.