Ma page Web utilise des cases à cocher. Ils semblent très petits. J'ai essayé de les rendre plus grandes en utilisant "la taille de la police: 1.5em". Cela ne semblait pas les changer du tout.
Y a-t-il une manière simple que je peux faire une case à cocher plus grande?
merci,
6 Réponses :
Vous ne pouvez pas modifier l'apparence des cases à cocher dans la plupart des navigateurs. Vérifiez ceci: http://www.456bereastrete.com/lab/styling -Form-Controls-Revisited / Cochez la case /
Essayez d'ajouter un élément et de le modifier le statut de la case à cocher. Vérifiez cela pour un exemple: http://ryanfait.com/resources/custom- cases à cocher-and-radio-boutons /
La question n'est pas pour le HTML brut mais pour JQuery
Vous pouvez le faire à l'aide d'images.
CSS P>
<input type="checkbox" name="mycheckbox" id="mycheckbox"><label for="mycheckbox"></label>
Ne fonctionnera pas. Vous avez défini Affichage: Aucun dessus, il ne sera donc jamais affiché.
Malheureusement, CSS est un peu non défini avec Diverses solutions sont apparues, par exemple cases d'émulation à l'aide de JS, donc celles-ci peuvent donc être Style . largeur et hauteur fonctionne pratiquement sur des cases à cocher uniquement dans Internet Explorer.
Comme vous ne pouvez pas modifier l'apparition des cases à cocher Cross Browser Compatible, je vous suggère d'utiliser quelque chose comme Ryan Fait décrit dans son blog . Cette technique vous permet d'utiliser des graphiques personnalisés pour vos cases à cocher.
Peut-être semble-t-il un peu trop évident, mais cela fonctionne:
input[type='checkbox'] {
width: 30px;
height: 30px;
}
Vous pouvez utiliser la balise ZOOM CSS.
p>
<h6><input type="checkbox"></h6>