Поле поиска Заполнитель выравнивается влево на моем пути

Question

В настоящее время мой код работает нормально и тоже выровнен по 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>

Я хочу перенести этот текст влево. Я имею в виду, в определенной позиции. я просто определю его слева в определенной позиции.

Как я могу это сделать?

Answer 1

Вы можете попробовать с .abc элементом:

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

Answer 2

Вы можете использовать свойство text-indent.

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

<input type="text" placeholder="enter text"/>