Label +2 input
Résolu
koala
-
koala -
koala -
A voir également:
- Label +2 input
- Supercopier 2 - Télécharger - Gestion de fichiers
- Label printer logiciel - Télécharger - Outils professionnels
- 2 ecran pc - Guide
- Faire 2 colonnes sur word - Guide
- Whatsapp 2 - Guide
2 réponses
Salut,
Tu n'aurais pas simplement oublier un point devant le nom de la classe menu-input-radio sur la première ligne de ton css ?
Au passage d'un point de vue utilisation, une seule checkbox suffit pour confirmer un choix binaire : si cochée -> oui je veux des notifications. Si non cochée -> non je ne veux pas de notification.
Si tu veux vraiment deux input pour ce choix, utilise plutôt des radio du même groupe pour ne permettre qu'un seul choix. Actuellement avec des checkbox on peut cocher les deux choix oui et non.
Bonne journée,
Tu n'aurais pas simplement oublier un point devant le nom de la classe menu-input-radio sur la première ligne de ton css ?
.label-formulaire, .menu-input-radio
Au passage d'un point de vue utilisation, une seule checkbox suffit pour confirmer un choix binaire : si cochée -> oui je veux des notifications. Si non cochée -> non je ne veux pas de notification.
Si tu veux vraiment deux input pour ce choix, utilise plutôt des radio du même groupe pour ne permettre qu'un seul choix. Actuellement avec des checkbox on peut cocher les deux choix oui et non.
Bonne journée,
Pour que plusieurs input radio fassent partie d'un même groupe (et qu'on puisse donc en sélectionner qu'un dans le groupe), ces radio doivent avoir le même attribut name.
Au passage, évite les espaces et les accents pour les valeurs des attributs name ou id.
Exemple :
Concernant le passage en vert du bouton radio, par défaut les radio ne changent pas de couleur lorsqu'ils sont sélectionnés et il n'est pas possible de styliser les radios via css.
Il est par contre possible de styliser via css le texte ou l’icône qui est à coté de la radio sélectionnée : https://jsfiddle.net/jh29rgem/
Si tu veux vraiment styliser les inputs radio, il faudra surcharger leur affichage comme proposé dans ce tuto : https://www.creativejuiz.fr/blog/tutoriels/personnaliser-aspect-boutons-radio-checkbox-css
Au passage, évite les espaces et les accents pour les valeurs des attributs name ou id.
Exemple :
<ol class="menu-input-icone"> <li><input type="radio" value="icône idée" checked="checked" id="icone-idee" name="icone" /><span class="icon-iconeidee" title="icône idée"></span></li> <li><input type="radio" value="icône question" id="icone-question" name="icone" /><span class="icon-iconequestion" title="icône question"></span></li> <li><input type="radio" value="icône jaime" id="icone-jaime" name="icone" /><span class="icon-iconejaime" title="icone j'aime"></span></li> </ol>
Concernant le passage en vert du bouton radio, par défaut les radio ne changent pas de couleur lorsqu'ils sont sélectionnés et il n'est pas possible de styliser les radios via css.
Il est par contre possible de styliser via css le texte ou l’icône qui est à coté de la radio sélectionnée : https://jsfiddle.net/jh29rgem/
Si tu veux vraiment styliser les inputs radio, il faudra surcharger leur affichage comme proposé dans ce tuto : https://www.creativejuiz.fr/blog/tutoriels/personnaliser-aspect-boutons-radio-checkbox-css
tu veux dire de supprimer type="checkbox" c'est bien ca
Soit utiliser des radios.
Dans ton exemple, tu ne trouves pas contradictoire le fait de pouvoir cocher "Pas de notifications" et "Etre prévenu par mail" ?
Exemple :
https://www.creativejuiz.fr/blog/tutoriels/personnaliser-aspect-boutons-radio-checkbox-css
à moins que tu a une idée
donc c'est pour ça j'utilise type checkbox
Citation de la dernière phrase de l'article : Et ceux qui ont bien compris le principe, j’imagine que vous comprenez aussi que l’on peut produire ce genre de styles avec des boutons radio ?
Mais cela ne t'empêche pas d'utiliser seulement une seule checkbox.