如何在CSS中設置輸入（文本）字段的高度？

對不起，這個問題，但我似乎無法找到答案的任何地方。我有CSS代碼，應該設置我的文本框的高度。我使用VS2010 Express for Windows phone，用HTML/CSS/Javascript/C＃編碼。如何在CSS中設置輸入（文本）字段的高度？

HTML

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

CSS

.heighttext{ 
    height:30px 
}

我可以高度設置爲任何我喜歡的，但文本框將保持不變！請幫忙，或者至少給我一個鏈接，可以！

來源

2012-10-15 Arrie

似乎是一個分號缺少你的css代碼 – Jayy

那麼，[它適用於我]（http://jsfiddle.net/vMwYD/）。 @Kaipa：* last * CSS規則的分號是可選的。 –

對，現在明白了。這是可選的！ – Jayy

與padding和line-height嘗試 -

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

來源

2012-10-15 09:59:37 Dipak

@Dipkas這對我來說工作得非常好，但我可以問你爲什麼填充有2個屬性？以及我應該改變哪一個來讓它變小一點？你真的幫助我了！ – Arrie

@Arrie這是一個簡短的手來填充：20px 10px 20px 10px;/*右上方左下角* /和兩個值padding：20px 10px;/*上下左右*/...希望這是明確的:) – Dipak

您可以使用此代碼風格

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

來源

2012-10-15 10:00:59

表單控件是出了名的難風格的跨平臺/瀏覽器。有些瀏覽器會遵循CSS height規則，有些瀏覽器不會。

您可以嘗試line-height（可能需要display:block;或display:inline-block;）或top和bottom padding也。如果沒有這些工作，這幾乎是它 - 使用圖形，定位在中心input並設置border:none;所以看起來等形式控制是大，但它實際上是不...

來源

2012-10-15 10:01:51 danwellman

如何在CSS中設置輸入（文本）字段的高度？

回答

相關問題