Le navigateur par défaut du bouton couleur d'arrière-plan

Afin de vérifier ces boutons:

Le navigateur par défaut du bouton couleur d'arrière-plan

ils sont non stylé, et regarder assez bien (le 2ème est la souris dessus).

Je peux en quelque sorte de maintenir leur apparence, mais de changer la couleur de fond?

Si je le fais creux CSS, background-color bien j'obtiens ceci:

Le navigateur par défaut du bouton couleur d'arrière-plan

Qui n'a pas vraiment l'air comme les autres (il n'est pas arrondi, la couleur est de la plaine, n'a pas une lueur interne)...

Les deux premiers boutons ne peuvent pas être de l'onu, de style ou rien ne se passe sur le passage de la souris. Êtes-vous sûr que ce ne sont pas des images à la place?
Je veux dire que je n'ai pas de style... Le navigateur affiche juste comme ça si je n'ai pas de style <input> ...
Le navigateur de styles de boutons comme ça?
IE, FF, Opera...
Euh... aucune. À moins qu'ils soient des images ou avoir CSS appliquée, ils auront une apparence différente dans chaque navigateur.

OriginalL'auteur Alex | 2011-07-14

  1. 9

    Chaque navigateur a son propre style. Mais à l'aide de css, vous pouvez l'atteindre. Vérifiez les points suivants:

    input { -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.16, rgb(207,207,207)),
    color-stop(0.79, rgb(252,252,252))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(207,207,207) 16%,
    rgb(252,252,252) 79%
);
padding:3px;
border:1px solid #000;}

    Mise à JOUR

    Une version mise à jour du bouton css avec :hover et le gradient de l'excellent site que @xec posté dans les commentaires.

    Démo: http://jsfiddle.net/Ekf5b/1

    Utile générateur de gradient: http://gradients.glrzad.com/

    Quelques informations supplémentaires: La première étape consiste à ajouter des coins arrondis. Pour définir des coins arrondis dans internet explorer, vous pouvez utiliser css3pie. Ajoutez ensuite dégradé en utilisant n'importe quel outil qui est visée. Enfin, j'ai ajouté padding pour une raison évidente, et border remplacer par défaut du navigateur.

    ce générateur de gradient est très bonne aussi, ajoute le support pour la plupart des navigateurs (y compris les vieux ie) et comprend quelques presets: colorzilla.com/gradient-editor
    Le lien redirige vers certains site de casino.

    OriginalL'auteur Sotiris

  2. 3

    Boutons par défaut ont certains padding, et border les paramètres sont appliqués. Vous aurez besoin de modifier ces paramètres et de garder le bouton à la recherche de la même chose. Il peut aussi regarder différent d'un navigateur à l'autre.

    Regarder dans le web débogueur dans Firefox (par l'obtention de firebug) ou Google Chrome, cliquez droit et inspecter l'élément. Cela va vous montrer la css par défaut qui est ajouté à un les boutons de sorte que vous pouvez voir comment les modifier

    OriginalL'auteur Stanley Cup Phil