Pouvez-vous appliquer les attributs :hover
et :active
à input[type=button]
, ou devez-vous utiliser une classe?css boutons et états
Répondre
Vous pouvez ... * avec des exceptions. IE6 prend en charge UNIQUEMENT: survolez un attribut. Si vous soutenez IE6, vous devrez changer la classe avec JS, sinon, vous pouvez simplement utiliser: hover (il y a aussi des hacks IE6 disponibles pour le contourner)
La plupart des navigateurs modernes vous permettent d'utiliser :hover
avec n'importe quel élément, mais IE est un peu plus compliqué à ce sujet.
Vous pouvez utiliser this hack, ou le faire avec Javascript et les gestionnaires d'événements (préférable, IMO).
Oui, vous pouvez.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
input[type=button]:hover {
background: red;
}
</style>
</head>
<body>
<input type="button" value="Hit me" />
</body>
</html>
Bien sûr, méfiez-vous d'IE, mais c'est une branche totalement différente de la conception web. :)
Puis-je suggérer un lien google. http://cssbutton.com/forms/ avec quelques exemples. Vous trouverez que les anciennes versions IE sont difficiles avec ce genre de chose.
- 1. Superposition CSS et boutons actifs
- 2. Réinitialisation des états des boutons dans JQuery
- 3. TreeView. États et villes des États-Unis
- 4. Slide Basculer deux états css différents
- 5. CSS Problèmes - boutons d'en-tête et largeur
- 6. CSS 3.0 états couleur valides propriété
- 7. Définition des états() et désactivé() à l'aide des boutons de survol avec jQuery 1.7
- 8. Boutons CSS purs
- 9. Boutons désactivés en CSS?
- 10. Chevauchement des boutons CSS
- 11. Comment gérer efficacement les états des boutons dans Tkinter
- 12. Boutons tactiles dans XNA (avec les états pressés, libérés, déplacés)
- 13. jQuery et LinkButtons, ou boutons réguliers et CSS
- 14. Boutons d'expansion CSS avec Divs
- 15. jquery + css: éclairer les boutons?
- 16. CSS - Forcer les boutons d'affilée
- 17. Espace CSS entre les boutons
- 18. Css les boutons d'une imagelider
- 19. boutons avec images - problème CSS
- 20. Boutons d'option de style CSS?
- 21. Comment appliquer CSS aux boutons?
- 22. États Assigner à la liste point et récupérer ce que les États qu'ils sont - jquery
- 23. renversements jquery et états actifs
- 24. Ragel, états finaux, et EOF
- 25. Listes d'affichage et états OpenGL
- 26. Faire face aux pressions simultanées sur les boutons et changer les états de changement
- 27. Alignement CSS des travées, des entrées et des boutons
- 28. Ajouter des boutons de vérification Xhtml et Css
- 29. div et span styles css pour les boutons de formulaire
- 30. Windows Phone 7 États
Avez-vous essayé? – BoltClock