Question

如何更改文本字段光标的起始位置？我希望我的输入光标从文本字段的开头开始。目前它从中间区域开始。

这是我的文字区域的CSS。

  <input id="probleminput" class="form-inline" type="text" style="display: inline;"></input>

   #probleminput {
        position: absolute;
        display: none;
        top: 448px;
        left: 185px;
        height: 94px;
        width: 370px;
        border: 1px solid;
        outline: none;
        font-size:20px;
        font-family: Verdana;
        background:transparent;
        background-repeat: repeat;
        margin: 1px 1px 1px 5px;
        color: cyan;
    }

我可以更改上面的内容以使文本光标从头开始对焦吗？我希望我的问题不含糊。谢谢！

Answer 1

如果您希望框中包含多行文字，请考虑使用<textarea>。输入文本字段通常用于单行，这就是它垂直居中文本的原因。

修改：您可以保持CSS不变并进行以下HTML更改：

<textarea id="probleminput" class="form-inline" style="display: inline;"></textarea>

Answer 2

不要设置高度，而应使用填充。

<强> jsFiddle example

 #probleminput {
     position: absolute;
     display: none;
     top: 448px;
     left: 185px;
     width: 370px;
     border: 1px solid;
     outline: none;
     font-size:20px;
     font-family: Verdana;
     background:transparent;
     background-repeat: repeat;
     margin: 1px 1px 1px 5px;
     color: cyan;
     padding: 0 0 94px;
 }

但是在旁注中，你可能想要一个textarea元素。

更改textfield css中的光标焦点位置

2 个答案: