Как добавить рамку вокруг кнопки?
Кнопки создаются с помощью элементов <button> или <input>, при этом вид кнопки меняется от браузера к браузеру. Если задать цвет фона у кнопки через свойство background-color (или background), то к кнопке автоматически добавляется трёхмерная рамка. Чтобы получить одинаковый вид в разных браузерах, для селектора button следует убрать рамку через свойство border со значением none или, наоборот, добавить свою рамку через то же свойство.
В примере 1 показана исходная кнопка, кнопка с цветным фоном, кнопка без рамки, кнопка с фоном и рамкой.
Пример 1. Цветная кнопка
Вид кнопок показан на рис. 1.
Рис. 1. Вид кнопок в браузере
См. также
Автор и редакторы
Последнее изменение: 01.10.2018
Редакторы: Влад Мержевич