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

Question

Я хочу, чтобы точка, в которой пользователь вводит текст в текстовое поле, должен быть перемещен вправо , не перемещая поля текстового поля вправо. Я хочу это, потому что кнопка поиска находится поверх текстового поля для целей стилизации и в настоящее время, когда пользователь начинает вводить текст, который начинается под кнопкой поиска. Поэтому мне нужно, чтобы точка по умолчанию курсора перемещалась вправо на несколько пикселей. Возможно ли это с помощью CSS?

Answer 1

Я бы определенно использовать

text-indent: 20px; 

=)

Answer 2

Прокладка - это то, что вы ищете.

.search-box{padding-left: 25px;} 

Answer 3

input { 
 
    box-sizing: border-box; 
 
    padding-left: 10px; 
 
    width: 200px; 
 
}

<input type="text" />