Come posso modificare le dimensioni della casella di controllo (a livello globale) senza classe e ID? È possibile farlo in un modo diverso da:
input[type=checkbox] {
zoom: 1.5;
}
input
campi possono essere disegnati come desideri. Quindi, invece di zoom, potresti avere
input[type="checkbox"]{
width: 30px; /*Desired width*/
height: 30px; /*Desired height*/
}
MODIFICARE:
Dovresti aggiungere regole extra come questa:
input[type="checkbox"]{
width: 30px; /*Desired width*/
height: 30px; /*Desired height*/
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
Controlla questo violino http://jsfiddle.net/p36tqqyq/1/
Potresti voler fare questo.
input[type=checkbox] {
-ms-transform: scale(2); /* IE */
-moz-transform: scale(2); /* FF */
-webkit-transform: scale(2); /* Safari and Chrome */
-o-transform: scale(2); /* Opera */
padding: 10px;
}
Prova questo
<input type="checkbox" style="zoom:1.5;" />
/* The value 1.5 i.e., the size of checkbox will be increased by 0.5% */