@Ignatiy2

Как сделать input похожим на a?

В верстке я профан, не смог могу корректно сформулировать вопрос. У меня есть такой класс:
.btn {
    background-color: transparent; 
    border-radius: 5px;
    font-size: 17px;
    padding: 7px 12px;
    border: 2px solid #7915AB;
    color: #FFFFFF;
    transition: opacity .1s linear;
    cursor: pointer;
}


И когда я задаю его к input либо к ссылке, их размеры учитываются по-разному:

У ссылки
5ed7602debf76741387617.png
У input
5ed7603a438e7689242720.png

Элементы находятся внутри header, у которого есть свой padding. Как будто бы, в случае с ссылкой отступы не входят в размер элемента, а у input входят.
  • Вопрос задан
  • 77 просмотров
Пригласить эксперта
Ответы на вопрос 2
Lord_Dantes
@Lord_Dantes
чат для джунов t.me/developersjunior
Если вам нужна ссылка, так сделайте ссылкой элемент.
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега HTML
CEO iAmStudio, предприниматель.
1. Display:inline-block.
2. Поиграйся с lineheight;
3. Поиграйся с документацией в сторону -webkit-appearance.
Ответ написан
Ваш ответ на вопрос

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

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