В Firefox к элементу <button> применен стиль браузера по умолчанию, который я не совсем понимаю.Инспектор говорит, что он имеет 17px левую и правую границу.
Вот как это выглядит при его проверке:
, а также при фильтрации для отображения стилей браузера:
Что интересночто он говорит border-right-width 17px, но сворачивание правила показывает button > 2px из стилей браузера по умолчанию forms.css:611.В этой строке таблицы стилей четко указано, что граница должна быть 2px:
/* Non text-related properties for buttons: these ones are shared with
input[type="color"] */
button,
input[type="color"],
input[type="reset"],
input[type="button"],
input[type="submit"] {
-moz-appearance: button;
/* The sum of border and padding on block-start and block-end
must be the same here, for text inputs, and for <select>.
Note -moz-focus-inner padding does not affect button size. */
padding-block-start: 0px;
padding-inline-end: 8px;
padding-block-end: 0px;
padding-inline-start: 8px;
border: 2px outset ThreeDLightShadow;
background-color: ButtonFace;
cursor: default;
box-sizing: border-box;
-moz-user-select: none;
-moz-binding: none;
}
Так что же здесь происходит?Я что-то упускаю из виду?
Опять же, это Firefox v60.0.2 в Debian.