HTML CSS的輸入字段的值

我有一個輸入字段：HTML CSS的輸入字段的值

<input type="text" class="form-textbox" id="input_16" name="q16_yourStory16" size="300" value="Your Story" />

裏面的值是「你的故事」，它是目前垂直居中，我想它是在頂部的框不在中心。

屏幕截圖是在這裏：http://awesomescreenshot.com/0a34ajx54

我只看到一個文本對齊：留在CSS，所以我不知道爲什麼它正在調整垂直居中？

CSS：

#input_16 { 
height: 200px; 
padding: 10px; 
color: #66625F; 
text-align: left; 
vertical-align: top; 
width: 400px; 
border: 1px solid #B6D5D7; 
padding: 0 5px !important; 
}

來源

2012-04-25 Xtian

一些CSS會幫助，或一個工作的例子，不僅僅是一個截圖。另外，不要使用size屬性，而是使用CSS來改變寬度和高度。 – 2012-04-25 20:04:05

使用<textarea>如果你想要一個多行文本輸入區，位於左上角的文本。 <input type=text>是單行輸入元素，這就是爲什麼你的文本居中

<textarea name="q16_yourStory16" id="input_16">Your Story</textarea> 

#input_16 { 
    width: 300px; 
    height: 200px; 
}

來源

2012-04-25 20:08:47 SupremeDud

輸入字段的內容將正確對齊你把垂直對齊到頂部的輸入字段中的文本。

你可能的意思是對齊輸入元素在div或無論它存在。檢查包含您正在查看的輸入的元素，並將vertical-align：top添加到該樣式或類中。

來源

2012-04-25 20:10:28 mson

我認爲他明確地談論了盒子內文字的位置。「裏面的價值是」你的故事「，它目前是垂直居中，我希望[文字]在框的頂部」 – SupremeDud 2012-04-25 20:12:54

你是對的 - 我誤解了這個問題。 – mson 2012-04-26 02:15:47

我假設這是一個文本字段，而不是textarea。你想要的是不可能的......即使是僞元素也是如此。對不起

來源

2012-04-25 20:46:33

HTML CSS的輸入字段的值

回答

相關問題