html - 将输入字段中的鼠标光标添加到左上角

Question

如何在输入字段的左上角添加光标。

我的字段是由外部库生成的标准 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;
}

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

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

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


<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css" rel="stylesheet" />

<script src="https://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>

标签： htmlcss