@Muvka

Как избавиться от лесенок outline в кнопке с псевдоэлементом?

Вот такая проблема - делаю стрелку border псевдоэлемента с поворотом. Но при фокусе появляется такая некрасивая обводка
5e319828ca698662222336.png
Помог padding в 1px и, вероятно, прозрачный border
5e319879771c0925362970.png
Впринципе неплохо, без учета того, что элемент стал больше, но может есть какой другой, более красивый способ?
  • Вопрос задан
  • 154 просмотра
Пригласить эксперта
Ответы на вопрос 2
wapster92
@wapster92 Куратор тега CSS
:before :after по умолчнаию строчные элементы, сделай их блочными или строчно-блочными, по идее должно помочь.
Ответ написан
fallus
@fallus
*, *::before, *::after{
  box-sizing: border-box;
  outline: none;
}


А если нужно выделать рамкой при фокусировке:

select{
 border: 2px solid transparent
}
select:focus{
  border-color: red
}
Ответ написан
Ваш ответ на вопрос

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

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