2014-03-04 80 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" />