@Persotr27

Как впихнуть декоративный элемент (иконку лупы) в поле input?

Здравствуйте. Мне нужно сделать поле для поиска, и что бы оно содержало внутри себя помимо плейсхолдера, иконку лупы, и что бы та при нажатии на поле, меняла стиль. Как такое можно реализовать?5d291a3be272b751287265.jpeg пример
  • Вопрос задан
  • 107 просмотров
Решения вопроса 3
LenovoId
@LenovoId
what the fuck ?
Собственно не сложно
Делаем input="search" + иконка лупы"
Оборачиваем оба элемента в div
Потом у input="search" убираем outline и border
А div border добавляем
Делаем border-radius
Скрываем крестик который есть только в IE и в Chrome
И получаем результат : https://codepen.io/topicstarter/pen/PrggwO
Ответ написан
@painmaker
"Окружить" инпут див-ом и впихнуть рядом, либо стилизировать сам инпут, а иконку воткнуть через псевдо-селектор after/before. вот пример первого варианта https://codepen.io/anon/pen/ewowRL
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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