J'ai le CSS et HTML suivants (foré à l'essentiel. Le code complet avec des styles supplémentaires peut être trouvé ici: j'ai ce CSS j'ai collé sur jsfiddle: http://jsfiddle.net/bwhvx/ , il suffit toutefois de reproduire le problème)
CSS: P>
<form method="post" id="search" action="">
<p><input type="text" class="text" value="" name="suche"><input type="submit" class="button" value="Suchen"></p>
</form>
7 Réponses :
essayer en donnant
changer: ou ajouter quelque chose comme: ne demande pas pourquoi) et . Safari Besoin de corrections spéciales. mais a l'air bien
Désolé, je dois demander. Pourquoi?
+1 une solution aussi simple dans laquelle d'autres ont d'énormes solutions de contournement. Bien fait. Il allume la touche (code> élément hérités (de calcons en chrome) le hauteur de ligne de son parent où étant entrée est défini sur normal . Discuté sur GitHub Necolas / Normalize.css .
J'ai trouvé cela dans normalisable.css qui résouda pour moi:
// Removes inner padding and border in Firefox 4+.
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
généralement l'un de ceux-ci ci-dessous a travaillé pour moi dans le passé avec le navigateur Firefox.
vertical-align: bottom; vertical-align: top;
Si vous spécifiez la hauteur au lieu de la hauteur de la ligne, elles rendront correctement. la hauteur se comporte bien navigateur; hauteur de ligne ne pas.
avait le même problème avec Firefox, réglage de la hauteur de la ligne: normale n'a pas aidé. Définition des valeurs de rembourrage IdentitCal sur l'élément Entrée et Button, m'a aidé.
CSS3 a le Tableau de la boîte Propriété. Réglage de la valeur de Borge-box em>, vous dites au navigateur que la largeur de la bordure et le rembourrage de la bordure de l'élément doit être incluse dans la hauteur de l'élément, puis peut facilement régler la hauteur elle-même: input {
box-sizing: border-box;
height: 15px;
}
On dirait que je l'ai réparé pour FF et Chrome en ajoutant la hauteur de la ligne: 16px! Important; à .button .. Cependant, je ne comprends pas. alors je m'attendrais à ce que le bouton soit 1 px tiré