在输入字段中将鼠标光标添加到左上角

由 发布于

How can I add a cursor to the top left corner in the input field. enter image description here

我的字段是由外部库生成的标准TextInput字段。我通过添加样式来扩大它们：

.input-xlarge,
input.select2-search__field {
  height: 100px;
  <!-- I will set the text in the upper left corner -->
  padding-top: 0;
  padding-left: 0;
  line-height: 1em;
  padding: 0 0 400px 0;
}

但是它不能正常工作。该字段被放大，但是光标位于中心而不是左上角。

码：

<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css" type="text/css" media="screen" rel="stylesheet">

<select name="tags" class="form-control django-select2" placeholder="Opis..." required id="id_tags" data-allow-clear="false" data-minimum-input-length="0" multiple>
  <option value="1">one</option>

  <option value="2">two</option>

  <option value="3">three</option>

  <option value="4">oneA</option>

</select>

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script>
<script type="text/javascript" src="/static/django_select2/django_select2.js"></script>