Insanus
@Insanus

Как делать не стандартные рамки у инпутов?

629280f076efc320305062.png
Есть вот такой инпут я не могу понять как его возможно сделать пытлся, через border, но тогда края у него получаются острые
border-bottom-width: 2px
    border-bottom-color: $black
    border-bottom-style: solid
    box-sizing: border-box
    border-bottom-left-radius: 8px
    border-bottom-right-radius: 8px
  • Вопрос задан
  • 50 просмотров
Пригласить эксперта
Ответы на вопрос 1
@SigmaMale
Junior Frontend developer
Можно использовать box-shadow:

input, input:focus {
    border: none;
    border-radius: 2pt;
    box-shadow: 0 0 0 1pt grey;
    outline: none;
    transition: .1s;
}
Ответ написан
Ваш ответ на вопрос

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

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