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

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

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

Ответ 1

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

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

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

Ответ 2

input[type=checkbox]:checked {
   background: url("data:image/png,%89PNG[...]") no-repeat center center;
   -webkit-background-size: 28px 28px; /* shrink high resolution background */
 }

проверить эту ссылку http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit

Ответ 3

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

Ответ 4

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