Je souhaite personnaliser les boutons radio avec du code CSS pur, sans classes ni ID. Entrez simplement [type = radio]. Je souhaite utiliser une image d'arrière-plan pour la désélectionner et la sélectionner. Cependant, l'apparence -vendor: none; ne fonctionne pas avec Trident ou Gecko. Juste Webkit. Dans ces navigateurs, vous pouvez voir l'image d'arrière-plan comme arrière-plan du bouton radio mais le bouton est toujours là plutôt que d'afficher simplement l'image, comment puis-je me débarrasser du bouton afin que l'image d'arrière-plan s'affiche. Le violon: http://jsfiddle.net/7kScn/Style de bouton radio
Répondre
Vous pouvez utiliser une astuce de sélection CSS2 pour vous connecter à un groupe radio et afficher d'autres éléments immédiatement après.
Voir: http://jsfiddle.net/7kScn/1/
Il est juste un exemple de base, mais il fonctionne sur le principe de cacher le champ de saisie, puis coiffer l'étiquette immédiatement après, lui donnant l'effet que c'est la chose réelle que vous vérifiez .
Est-ce utile? entrée [type = radio]: cochée { bordure: 1px noir uni; }
j'ai écrit un tutoriel sur la façon de personnaliser et radios avec cases à cocher CSS uniquement, ainsi que de créer interrupteurs marche/arrêt via styling l'étiquette et en utilisant son :before
et :after
pseudo-classes. Peut-être que cela aide :) Lisez-le ici: http://blog.felixhagspiel.de/index.php/posts/custom-inputs
- 1. vérification bouton radio de style android inccorect
- 2. bouton radio aligner les propriétés de style
- 3. de style bouton radio avec jquery
- 4. Basculer le bouton comme style de bouton radio
- 5. Boutons radio de style (jquery?)
- 6. Texte en regard du bouton radio de style
- 7. Bouton Spinner sans bouton radio
- 8. Le style du bouton radio ne fonctionne pas
- 9. Comment régler le style Holo pour le radio-bouton android
- 10. bxSlider bouton radio numéro
- 11. Bouton radio Étiquette styling
- 12. [bouton radio]
- 13. Le bouton radio de style permet seulement de sélectionner un bouton
- 14. asp.net radio bouton regroupement
- 15. jquery bouton radio afficher/masquer
- 16. Bouton radio Valeurs non analysées
- 17. Bouton radio dans plusieurs colonnes
- 18. Watir Bouton radio non trouvé
- 19. bouton radio coché Afficher div
- 20. Changement de bouton radio déclencheur
- 21. Bouton radio dynamique de contrôle
- 22. Jquery sélecteur de bouton radio
- 23. Options de conception de bouton radio MVC
- 24. Uniforme formulaire de style - Checkbox Radio
- 25. Bouton radio en cliquant DIV
- 26. Silverlight: bouton radio personnalisé
- 27. Bouton radio Razor MVC
- 28. bouton Radio Vérifié
- 29. Validation HTML bouton radio
- 30. AngularJS - bouton radio Unselect
CSS3? :(c'est un site de commerce électronique, aucune des fonctionnalités ne peut être basé sur CSS3 juste le style.Si il revient à afficher simplement les cases comme il le ferait normalement que c'est acceptable, mais si vous appelez 'display: none; Je ne peux pas vraiment l'utiliser – henryaaron
Selon [ce tableau de compatibilité] (http://www.quirksmode.org/css/contents.html), ce sélecteur spécifique devrait fonctionner correctement dans son état actuel. (ces notes à propos de static pour IE7/8 n'affectent pas cette utilisation.) Il semble avoir été CSS2 (?). – animuson
Mais mon site n'utilise pas d'étiquettes, comment cela fonctionnerait sans l'étiquette + – henryaaron