Style des boutons "submit"
Je me demandais si quelqu'un sait pourquoi le "default" style d'un bouton "soumettre" semble assez bon (coins légèrement arrondis, certains dégradé du haut vers le bas, etc.) mais au moment où je ajouter une couleur d'arrière-plan, il change de 1990 de l'ère bouton carré avec 2px frontière...juste l'air terrible.
Je peux en quelque sorte garder la plupart de la valeur par défaut de style, mais de changer la couleur d'arrière-plan? Merci!!!!
source d'informationauteur user1149499
Vous devez vous connecter pour publier un commentaire.
Votre (moderne) navigateur (ou framework css comme bootstrap) contient par défaut le style pour soumettre des boutons (donc à chercher
"pretty good (corners slightly rounded, some gradient from top to bottom, etc.)"
et non pas comme des années 1990 boutons).Lorsque vous remplacez ces gradients dans votre css (en changeant
background-color
), vous écrasez ceux programmés par défaut de votre navigateur a été à l'aide. Au lieu de seulement changer la couleur d'arrière-plan, vous pouvez faire votre propre joli dégradé. Etcomme @ŠimeVidas souligné dans les commentaires, en changeant la couleur de fond sera également supprimer la valeur par défautborder-style
trop.Je le recommande à l'aide d'un générateur de gradient au lieu de simplement en changeant
background-color
.Navigateurs venir avec un grand nombre de styles par défaut de rendre les choses plus jolies si les styles ne sont pas définis par le site web. Par exemple Firefox a la suite de styles définis par défaut bouton envoyer:
-moz-appearance
est un non-standard de la propriété, qui définit le style pour être cohérent avec le système d'exploitation par défaut du style de bouton. C'est pourquoi elle sera différente sur différents systèmes d'exploitation.Le "problème" c'est que l'arrière-plan par défaut est assez complexe dégradé.
Je vous conseille de prendre un framework comme jQuery UI ou Bootstrap à la conception de vos boutons. C'est beaucoup plus facile et vous permettra d'atteindre probabily de meilleurs résultats que la recherche de votre propre arrière-plan dégradé pour vos boutons.
Vous pouvez faire de beaux boutons avec juste un peu de CSS. Découvrez ces références:
http://webdesignerwall.com/tutorials/css3-gradient-buttons
http://css3button.net/