Taille de la police de formulaire HTML soumettre bouton ne peut pas être changé

Comment puis-je augmenter le bouton soumettre taille de la police? Dans google chrome, en particulier, il est trop petit et le texte semble écrasée.
Travail de violon

body, input {
    font-size: 30px; 
}

Je sais qu'il est

-webkit-appearance: none;

mais qui réinitialise beaucoup d'autres style. J'aimerais garder la valeur par défaut de style, juste avec une taille de police différente.

Le code posté rend la taille de la police 30px. C'est absurde, mais il fonctionne comme définis. Vous devez spécifier quel est le problème, comment vous avez essayé de le résoudre, et comment votre approche échoue.
face à un même problème.

OriginalL'auteur Wesley | 2015-01-24

  1. 3

    J'ai affronté le même problème, mais quand j'ai mis le style inline dans l'élément d'entrée, c'était le travail. De sorte que certains autre style pourrait être à l'origine du problème.

     <input type="submit" value="Register" style = "font-size:20px">

    OriginalL'auteur Prajeet Shrestha

  2. 2

    Webkit respecterons votre formulaire personnalisé élément styles si vous définissez une frontière ou de la propriété box-shadow (oui, bizarre). Comme d'autres l'ont dit, commencez avec au moins -webkit-appearance: none; (j'ajouterais -moz-appearance: none; appearance: none;) puis reportez-vous à cette réponse à "HTML sélectionnez une taille de police"

    Sur chrome de mettre une taille de police en ligne ou en lien css n'a rien fait. Ajouté webkit, l'apparence et la, bingo, bouton soumettre changé de taille.

    OriginalL'auteur henry

  3. 0

    À l'aide de CSS, j'ai trouvé que l'utilisation d'un plus spécifiques sélecteur résolu le problème. Au lieu d'utiliser une classe ou d'un sélecteur de type:

    button {font-size: 1.5em;}

    J'ai utilisé un sélecteur d'ID:

    \#submit {...}

    OriginalL'auteur CalebZD

  4. -1

    De modifier la taille d'un bouton d'envoi, il suffit d'utiliser ce code css:

    input[type=submit] {
    font-size: 0.5em;
}

    Exemple:
    http://jsfiddle.net/xhf4bLnd/4/

    EDIT: changé px pour em

    haha, vous me battre pour elle de 10 secondes! :-p
    :p ouais je viens de remarquer que haha
    mais s'il vous plaît pas de pixel utiliser em 😉
    Je sais, tout à changé 🙂
    taille du texte doees pas de changement dans Safari sur mac, ni sur google chrome.

    OriginalL'auteur Fabian Wennink

  5. -1

    Ajouter une classe sur le bouton soumettre HTML et de la classe dans le css remplacent la police standard de taille.

    Vous pouvez aussi faire quelque chose avec CSS2/3:

    input[type=submit]{
font-size:2em;
}

    Je vous recommande également à l'aide de ems ainsi qu'une taille de police plutôt que de px comme des pixels apparaissent différemment sur différents appareils et à des résolutions différentes. Par exemple avec écran Retina.

    REMARQUE:

    em sont une échelle relative, basée sur la taille de police définie dans le corps, de sorte que si votre body { font-size:16px; } puis plus tard sous la règle de police-taille de 1.5em, par exemple, dans le type d'entrée sera de 1,5 x 16px, etc.

    la taille du texte ne change pas dans safari, ni dans google chrome.
    Et vous force rafraîchi la page avec la touche shift + F5? Vous pouvez également ajouter une classe sur le bouton "soumettre", comme l'a suggéré, et l'utilisation de cette classe comme une poignée.
    ceci : jsfiddle.net/xhf4bLnd/7 s'affiche comme taille normale, pas 20em.
    vous n'avez pas copié le code dans ma réponse, lire ce que vous avez écrit et de le comparer avec ce que j'ai écrit dans ma réponse.
    Oui, je pense que le problème se produit uniquement sur un mac IIRC. Il est probablement juste de dire que c'est un bug sur OSX chrome.

    OriginalL'auteur Martin

  6. -2

    Cela fonctionne pour moi:

    input[type=submit] {
    font-size: 1em;
}
    Wesley n'a pas besoin de changer la police de caractères de la famille
    la taille du texte ne change pas dans safari, ni dans google chrome.

    OriginalL'auteur AlphaNico