@Xakker99

Как при нажатии на button, иконка увеличила font-size. Иконка font-awesome прописана через before .Реализовать это все нужно через Jquery?

Делаю адаптивную верстку интернет магазина, на разрешении max-width 767px, есть форма с input и button. В button прописана иконка псевдоэлементом. Задача чтобы при нажатии на иконку, input складывался и на месте него оставалась только иконка с увеличинным размером!






.search__form{
width: 174px;
position: relative;
}
.search__input{
outline: none;
background: transparent;
width: 100%;
padding: 9px 25px 9px 9px;
border: 1px solid #656565;
}
.search__block-btn{
outline: none;
background: transparent;
border: none;
position: absolute;
top: 12px;
right: 5px;
cursor: pointer;
}
.search__block-btn:before{
content: '\f002';
font-family: "Font Awesome 5 Free";
font-size: 16px;
font-weight:900;
color: #656565;
}
  • Вопрос задан
  • 15 просмотров
Пригласить эксперта
Ответы на вопрос 1
AntonLitvinenko
@AntonLitvinenko
HTML coder
Добавляйте кнопке класс, от которого будет другой размер у её псевдоэлемента
Ответ написан
Ваш ответ на вопрос

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

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