Make-Taste hat die gleiche Größe wie die Eingänge

Ich habe Formular mit Eingängen/wählt und eine Taste.Make-Taste hat die gleiche Größe wie die Eingänge

Wenn Button ist <button/> dann habe ich Probleme mit der Größe im FF-Browser (es ist größer als Eingänge).

Wenn Button ist <input/> dann habe ich Probleme mit der Schaltfläche Text (ich kann nicht einstellen, dass es in der Mitte der Schaltfläche für alle Browser sein).

Hier ist Beispiel (mit <button> und mit <input>)

EXAMPLE

Quelle

2016-05-19 demo

Bitte verwenden Sie kein Inline-CSS. Das Mischen von externem CSS und Inline-CSS ist noch schlimmer. Es ist nicht lesbar und es ist schwer, eine Vorstellung davon zu bekommen, was mit deinem Styling passiert. –

@TJ, tut mir leid für das ... – demo

Hallo Verwendung padding statt Höhe für die Tasten:

.form-search input.search-input, .form-search select.search-input, form input.search-input, form select.search-input { 
    padding: 0 20px 0 20px; 
    margin: 3px 0; 
}

Quelle

2016-05-19 08:44:59 David

https://jsfiddle.net/Lm00ue9h/6/ hilft nicht – demo

Ihre Verwendung von Standardeingaben ohne Stile, so dass sie in verschiedenen Browsern unterschiedlich aussehen, egal was, das obige Schnipsel von Code, den ich dir gegeben habe, ist das Problem der Größe *. – David

Dies ist ein häufiges Problem, das ich hatte mit verschiedenen Browsern. Sie können jQuery verwenden, um herauszufinden, ob der Browser FireFox ist, verwenden Sie den Verweis css, und wenn der Browser Chrome oder Safari ist, verwenden Sie eine andere css, um Ihre Anforderungen zu erhalten.

Quelle

2016-05-19 08:53:05 reshad

Make-Taste hat die gleiche Größe wie die Eingänge

Antwort

Verwandte Themen