Jak ustawić wysokość pola wejściowego (tekstowego) w CSS?

Przepraszamy za to pytanie, ale nigdzie nie mogę znaleźć odpowiedzi. Mam kod CSS, który powinien ustawić wysokość mojego pola tekstowego. Używam telefonu VS2010 Express dla Windows, kodującego w HTML/CSS/Javascript/C#.Jak ustawić wysokość pola wejściowego (tekstowego) w CSS?

HTML

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

CSS

.heighttext{ 
    height:30px 
}

mogę ustawić wysokość do niczego mi się podoba, ale pole tekstowe pozostanie taka sama! Proszę o pomoc, a przynajmniej wyślij mi link, który może!

Źródło

2012-10-15 Arrie

wydaje średnik brakuje w twoim kodzie css – Jayy

Cóż, [działa dla mnie] (http://jsfiddle.net/vMwYD/). @Kaipa: średnik dla * ostatniej * reguły CSS jest opcjonalny. –

racja, mam to teraz. Jest opcjonalne! – Jayy

Spróbuj z padding i line-height -

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

Źródło

2012-10-15 09:59:37 Dipak

@Dipkas to działało bardzo dobrze dla mnie !, ale czy mogę zapytać, dlaczego wyściółka ma 2 właściwości? i który z nich powinienem zmienić, aby był nieco mniejszy? naprawdę mi pomogłeś! – Arrie

@Arrie Jest to krótka ręka do wypełnienia: 20px 10px 20px 10px;/* u góry po prawej u dołu po lewej */i z dwiema wartościami dopełnienia: 20px 10px;/* góra-dół lewy-prawy */... mam nadzieję, że to jest jasne :) – Dipak

użyć tego kodu styl

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

Źródło

2012-10-15 10:00:59

kontrole forma są notorycznie trudne do stylu cross-platformowej/przeglądarce. Niektóre przeglądarki będą przestrzegać reguły CSS height, inne nie.

Można spróbować line-height (może potrzebować display:block; lub display:inline-block;) lub top i bottom padding również. Jeśli żadna z tych prac, to dość dużo - wykorzystywać grafikę, umieść input w centrum i ustawić border:none; więc wygląda jak kontrola forma jest duży, ale w rzeczywistości nie jest ...

Źródło

2012-10-15 10:01:51 danwellman

Jak ustawić wysokość pola wejściowego (tekstowego) w CSS?

Odpowiedz

Powiązane problemy