2014-03-04 79 views
4

讓我有一個輸入字段類似如下:如何設置光標位置輸入的左上邊緣

enter image description here

我怎樣才能光標postition設置爲這個左上邊緣輸入字段?

+4

如果您打算使用這樣一個大的輸入字段與這個要求,'TextArea'是你想要的,而不是文本字段。 –

回答

9

這應該工作

input { 
    padding-top: 0; 
    padding-left: 0; 
    line-height: 1em; // this probably doesn't matter 
} 

看來你可能有像40px 0或東西填充。所以頂部和底部有很多空間(填充)。

編輯:

如果沒有工作,你可能有你的輸入,這是壞height集。由於輸入僅用於一行。如果你想多行你使用<textarea></textarea>標籤,而不是<input>

如果你不想使用<textarea>但對某些原因更大的高度,從您的輸入刪除高度,只是使用填充這樣

http://jsfiddle.net/PVRp4/

input { 
    padding: 0 0 400px 0; 
} 
+2

不,它不起作用。 –

+1

有趣的解決方案,謝謝! –

+0

'padding:0 0 400px 0;'works爲了我 – Zame

1

AFAIR沒有選項的地方光標的輸入場的內部,除了左,中或右。垂直對齊是不可能的。

1

Textarea或大尺寸文本輸入?輸入用於單線元素使用<textarea></textarea>。代碼請輸入... 刪除<textarea></textarea><input></input>標記之間的所有空格。

或者在你的CSS代碼中,你有文本對齊:居中到你的父元素,或者其他地方,但它仍然是格式化你的輸入。在瀏覽器中按f12並檢查元素。

1

我簡單的解決方案是爲我的ASP的HTML代碼中:文本框是在我的標語放到底」 ...的TextMode =‘多行’/>如下:

<asp:TextBox ID="txtPermissionSearch" runat="server" Width="150px" Height ="150px" TextMode="MultiLine" />