Wie stelle ich die Höhe eines Eingabefelds (Text) in CSS ein?

Entschuldigung für diese Frage, aber ich kann nirgends eine Antwort finden. Ich habe CSS-Code, der die Höhe meines Textfelds festlegen sollte. Ich benutze VS2010 Express für Windows Phone, Codierung in HTML/CSS/Javascript/C#.Wie stelle ich die Höhe eines Eingabefelds (Text) in CSS ein?

HTML

<input class="heighttext" type="text" id="name">

CSS

.heighttext{ 
    height:30px 
}

ich die Höhe auf alles einstellen kann Ich mag, aber das Textfeld wird die gleiche bleiben! Bitte helfe, oder schick mir wenigstens einen Link, der das kann!

Quelle

2012-10-15 Arrie

scheint ein Semikolon fehlt in Ihrem CSS-Code – Jayy

Nun, [es funktioniert für mich] (http://jsfiddle.net/vMwYD/). @Kaipa: Das Semikolon für die * letzte * CSS-Regel ist optional. –

richtig, habe es jetzt. Es ist optional! – Jayy

Versuchen mit padding und line-height -

input[type="text"]{ padding: 20px 10px; line-height: 28px; }

Quelle

2012-10-15 09:59:37 Dipak

@Dipkas das funktionierte sehr gut für mich!, Aber darf ich dich fragen, warum die Polsterung 2 Eigenschaften haben? und welches sollte ich ändern, um es ein bisschen kleiner zu bekommen? Du hast mir wirklich geholfen! – Arrie

@Arrie Dies ist eine kurze Hand Padding: 20px 10px 20px 10px;/* oben rechts unten links */und mit zwei Werten padding: 20px 10px;/* oben-unten links-rechts */... hoffe das ist klar :) – Dipak

Mit diesem Artcode

.heighttext{ 
float:right; 
height:30px; 
width:70px; 
}

Quelle

2012-10-15 10:00:59

Formular-Steuerelemente notorisch schwierig sind Stil Cross-Plattform/Browser. Einige Browser berücksichtigen eine CSS-Regel height, einige nicht.

können Sie versuchen, line-height (kann display:block; oder display:inline-block; benötigen) oder top und bottom padding auch. Wenn keiner der Arbeit, das ist ziemlich viel es ist - eine Grafik zu verwenden, die input in der Mitte positioniert und setzte border:none; so es sieht wie die Formsteuerung groß ist, aber es ist eigentlich nicht ...

Quelle

2012-10-15 10:01:51 danwellman

Wie stelle ich die Höhe eines Eingabefelds (Text) in CSS ein?

Antwort

Verwandte Themen