如何将光标位置设置为输入的左上边缘

时间:2014-03-04 08:20:40

标签: html css

让我有一个如下输入字段:

enter image description here

如何将光标张贴设置到此输入字段的左上角?

4 个答案:

答案 0 :(得分:8)

这应该有效

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;
}

答案 1 :(得分:1)

AFAIR没有选项将光标置于输入字段内,除了左,中或右。垂直对齐是不可能的。

答案 2 :(得分:1)

Textarea或大尺寸文字输入?输入用于单行元素使用<textarea></textarea>。代码请... 删除<textarea></textarea><input></input>标记之间的所有空格。

或者在你的css代码中你有text-align:center到你的父元素,或者其他地方,但它仍然形成你的输入。在浏览器中按f12并检查元素。

答案 3 :(得分:0)

对我来说简单的解决方案是在我的ASP的HTML代码中:TextBox在我的标语的末尾放了“... TextMode =”MultiLine“/&gt;如下所示:

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