搜索框占位符以我的方式向左对齐答案

【问题标题】：Search Box Placeholder aligning to left in my way搜索框占位符以我的方式向左对齐
【发布时间】：2019-06-12 16:01:36
【问题描述】：

目前我的代码工作正常，也与left 对齐，但我对当前的对齐方式不满意。

.text-box-container {
  overflow: hidden;
}

.text-box-container>input[type="search"] {
  width: 100% !important;
  text-align: left !important;
}

<div class="text-box-container">
  <input type="search">
</div>

我想把这段文字放在额外的左边。我的意思是，在某个位置。我将把它定义在某个位置的左侧。

我该怎么做？

【问题讨论】：

【解决方案1】：

你可以试试.abc元素：

.abc::placeholder {
   width: 100% !important;
   text-align: left !important;
   float:left;
   left:0;
}

【讨论】：

【解决方案2】：

您可以使用text-indent 属性。

input::placeholder {
  text-indent: -15px;
}

&lt;input type="text" placeholder="enter text"/&gt;

【讨论】：