@verygoodboy

Как сделать, чтобы вводимый в инпут текст не заезжал под иконку очистки инпута, которая находиться в этом инпуте справа?

Всем привет.
Есть текстовый инпут с кнопкой внутри:
<div class="input-group input-group-sm float-right mb-3">
                            <input type="text" name="search" class="form-control float-right" required placeholder="Search">
                                <a href="#"><i class="far fa-times-circle custom-search-botton"></i></a>
                            <div class="input-group-append">
                                <button type="submit" class="btn btn-default">
                                    <i class="fas fa-search"></i>
                                </button>
                            </div>
                        </div>


Если вписать в инпут длинную строку, то строка подлазит под кнопку очистки
<a href="#"><i class="far fa-times-circle custom-search-botton"></i></a>


6372079181f3b164127919.png

Можно ли сделать так, чтобы длинный тест не заезжал под эту кнопку?
  • Вопрос задан
  • 43 просмотра
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега CSS
Верставший фронтендер
добавить паддинг справа
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы