@unlik

Активная кнопка на сайте?

Здравствуйте. Имеется на сайте несколько кнопок. Для активной задан border 2 пикселя. Но так как бордер добавляется на внешней части кнопки, она получается немного выше по размеру. А нужно чтобы осталась такой же. Как можно решить?
  • Вопрос задан
  • 207 просмотров
Решения вопроса 3
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
сразу задавать 2px бордер. но изначально чтобы он был transparent, либо под цвет кнопки, а потом уже менять ему цвет
Ответ написан
Комментировать
werty1001
@werty1001
undefined
box-shadow: inset 0 0 0 2px red;
Ответ написан
@Neyury
Варианты:
1. Сделать у не активных кнопок border такого же размера, но прозрачные (либо цветом фона кнопки)
2. Сделать у не активных кнопок margin равный размеру бордера у активной кнопки
3. Использовать outline, а не border
4. Использовать не border, а внутреннюю тень
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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