Come aumentare le dimensioni della casella di controllo nelle pagine Web basate su browser per dispositivi mobili o tablet?

Question

Ho progettato una pagina Web per dispositivi mobili/tablet. quando lo apro nei browser mobile/tablet la casella di controllo sembra piccola e difficile identificare se è selezionata o meno. Ho provato con i CSS. ma non serve

Come è possibile aumentare le dimensioni della casella di controllo per le pagine Web del browser mobile/tablet? altro c'è qualche soluzione per questo?

Answer 1

Oppure puoi provare utilizzando uniform o jQuery Mobile.

Answer 2

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

controllare questo link http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit

Answer 3

prova:

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

l'affermazione "MIN" è tuo amico ;-)

Answer 4

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