#html #css #twitter-bootstrap #bootstrap-4
Вопрос:
В спецификации начальной загрузки 4.6 говорится
Кнопки будут отображаться нажатыми (с более темным фоном, более темной рамкой и тенью вставки), когда они активны
При осмотре я не увидел, чтобы применялась какая-либо тень от вставной коробки. Мало того, выполнение ctrl F всего css-файла начальной загрузки для inset ключевого слова ничему не соответствует.
Действительно ли у нас должна быть вставка/внутренняя тень, или это опечатка?
P. S: Я добавил это как проблему на github.
Ответ №1:
Проверьте этот код, где поле-тень появляется при нажатии на кнопку. Вы можете удалить тень коробки. Эта активная тень коробки в фокусе.
.btn-основной.фокус, .btn-основной:фокус {
цвет: #fff;
цвет фона: #0069d9;
цвет рамки: #0062cc;
бокс-тень: 0 0 0 0,2 rem rgb(38 143 255 / 50%);
}
.btn.фокус, .btn:фокус {
контур: 0;
прямоугольная тень: 0 0 0 0,2 rem rgb(0 123 255 / 25%);
}
Комментарии:
1. Это внешняя тень коробки, а не тень вставки/внутренней коробки, о которой я говорю в вопросе.
2. Тогда это должен быть цвет фона, а не поле для вставки, проверьте тот же код, в фокусе также есть цвет фона.
3. Цвет фона полностью отличается от тени вставки. Мой вопрос касается только вставки-тени.
4. Просто нужно написать вставку в поле-тень .btn.фокус, .btn:фокус { поле-тень: вставка 0 0 0 0.2 rem rgb(0 123 255 / 25%); }
5. Вопрос не в том, как применить вставную рамку-тень ; вопрос в том, означает ли bootstrap наложение
insetтени на активные кнопки? Неужели они забыли реализовать в коде?