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

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

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

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

пытаться:

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

Заявление «min-» – ваш друг 😉

 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

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

Или вы можете попробовать его, используя форму или jQuery Mobile .