HTML entrée bouton css-hauteur ne fonctionne pas sur Safari et Chrome
J'ai une question très simple. Je suis réglage de la hauteur de 50px de mon formulaire html bouton "soumettre". Il fonctionne sur Firefox mais pas Chrome, ni Safari. Le code est très simple, il suffit:
<input type="submit" value="Send" style="height:50px;" />
Aucune idée de comment le faire fonctionner sur Chrome et Safari?
- Je ne sais pas pourquoi cela ne fonctionne pas seul, mais je sais que si vous ajoutez une couleur d'arrière-plan, vous pouvez lire votre
height
attribut:<input type="submit" value="Send" style="background: #eee; height: 50px;"/>
- Il fonctionne dans Safari 5 et Chrome 20 lorsqu'aucune autre CSS est impliqué. Veuillez envisager l'édition de votre question pour inclure votre CSS.
- s'il fonctionne bien pour moi, peut-être que vous avez plus de css, que vous ne nous montrent pas?
Vous devez vous connecter pour publier un commentaire.
Changement de
<input>
à<button>
et ajouter-webkit-appearance: none;
le début de votre CSS, par exemple:button
ne résout pas pour moi. Comme l'OP, il a bien fonctionné dans Firefox, mais n'a pas changé dans Safari, ce qui était important pour moi comme je le voulais travailler sur l'iPhone.Juste en ajoutant
-webkit-appearance: none;
sur mon<input>
a fonctionné pour moi sur navigateur safari sur Macbook.Cela devrait être également.
Il existe assez peu de paramètres pour cette propriété que vous voudrez peut-être prendre avantage de, et/ou de regarder dehors pour. Aussi, Si vous voulais simplement désactiver intérieure-les ombres de champs de saisie, vous pouvez simplement utiliser -webkit-appearance:curseur;.
Ajoutant à Şήøωў's (upvoted)réponse:
@ Safari 11.0.2 (13604.4.7.1.3) @ macOS 10.13.2 (17C88)
par exemple,
résolu mon problème (de seulement
-size
de la plupart des [-webkit-
]font-
* avoir un effet très limité);primordial "User-Agent "Stylesheet":