CSS form Höhe

Habe ich diesen text eingeben und die Eingabe-Taste, ich werde versuchen, Sie die gleiche Höhe haben...man kann das sehen an http://www.taranmarlowjewelry.com/ oben rechts....sehen Sie die gleiche Höhe? wenn nicht, wie bekomme ich Sie auf die gleiche Höhe?

<form class="product_search" style="font-size:0px !important;" method="GET" action="<?php echo $pp_url?>/" >
<input name="product_search" id="wpsc_search_autocomplete" class="wpsc_product_search wpsc_live_search_embed .wpsc_live_search" autocomplete="off" style="padding:0px !important; height:23px !important;" />
<input type="submit" id="button" name="button" class="searchBtn" value="GO"/>
</form>

und CSS:

.searchBtn {
    background-color: #FFA18A;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    height: 25.5px;
    width: 32px;
}
  • Add float:left input field & Schaltfläche hinzufügen box-sizing:border-box zu Ihnen, dann stellen Sie die Breite entsprechend & seine Arbeit wird fein & ja, passen Sie die Zeilenhöhe der "Go" - button
InformationsquelleAutor user979331 | 2012-07-04
  1. 1

    Den text Eingang hat eine effektive Höhe von 27px, in der Erwägung, dass der button hat eine effektive Höhe von 25px.

    Versuchen, fügen Sie diese Stile:

    .searchBtn{
  padding: 0;
  height: 27px;
}
    • danke Mann es hat geklappt 🙂
    InformationsquelleAutor Jørgen
  2. 0

    Machen, schwimmen Sie Rücken an Rücken, und stellen Sie sicher, dass zum Ausgleich der Grenze auf den Eingang, durch hinzufügen von zusätzliche Höhe auf Ihren button. Siehe Beispiel hier: http://jsfiddle.net/wAgfe/

    InformationsquelleAutor Simon Arnold
  3. 0

    Haben Sie definiert:

    input name="product_search" : height:23px !important
input name="button" : height: 25.5px;

    Gibt es irgendwelche Probleme zu vereinheitlichen und sowohl Höhen?

    InformationsquelleAutor Stano
Schreibe einen Kommentar