Какое обнуление посоветуете для button?

Question

[Саша]

Здравствуйте, встречал достаточно много стилей для обнуления тега button, в данном случае столкнулся с проблемой неизвестных отступов в firefox

Хорошо видно, что внутри есть внеплановый отступ равный 1рх сверху и снизу, а так же боковые отступы.
Код на фиддл

Подскажите пожалуйста, какие стили обнуления используете для тега button?
В данный момент я использую такие стили обнуления

/* button */
%button{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	border:none;
	white-space:nowrap;
	user-select:none;
	background-image:none;
	background:none;
	font-family:$font-base;
	line-height:inherit;
	font-size:inherit;
	padding:0;
	margin:0;
	min-width:0;
	height:auto;
	width:auto;
	border-radius:0;
	@include transition-base();
	-webkit-appearance:none;
	cursor:pointer;
	outline:none;
	border-spacing:0;
	text-indent:0;
	color:inherit;

	&:focus,
	&:hover {
		cursor:pointer;
	}
}

Answer 1

[Serj-One]

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

А в целом для сброса стилей нужно использовать normalize.css , а не ту белиберду, что вы написали.

Comments

[Саша]

Зачем подключать целую библиотеку, если нужно обнулить только на одном элементе)

[Serj-One]

userAlexander: Что ж вы такое верстаете, что кроме кнопки обнулять ничего не нужно?

[Саша]

Балуюсь, кнопочки, чекбоксы, мелочь всякую.

[Serj-One]

userAlexander: Если закончите баловаться и начнёте работать, сбрасывать придётся всё, та что берите на заметку.

[Serj-One]

userAlexander: При том, что объём нормалайза не на много больше объёма того кода, что вы привели, но 90% вашего - полная, абсолютно ненужная чушь.

[Евгений Петров]

За некоторые вещи в normalize.css нужно оторвать одно место, а некоторые предполагают обязательных дополнительных правил, но 90% тех, кто используют normalize.css, про это либо не знают, либо забывают.

[Сергей delphinpro]

Евгений Петров: >> За некоторые вещи в normalize.css нужно оторвать одно место,
Например?

[Евгений Петров]

Сергей: За все font-weight: bold;
И за это:

button,
html input[type="button"], 
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}

Я даже не буду обсуждать спорность

pre {
	overflow: auto;
}

[Сергей delphinpro]

Евгений Петров: там всего два болда, один из которых на b/strong =) так что тут норм. optgroup сделан болдом, чтобы он во всех браузерах был жирным по умолчанию. Аналогично pre.
Насчет cur:p - пожалуй соглашусь.

[Евгений Петров]

Сергей: Вы не понимаете разницы между bold и bolder?
По умолчанию b и strong имеют bolder. И вот за это вмешательство нужно отрывать.

[Евгений Петров]

Сергей: А что аналогично pre? Есть значения pre-wrap, pre-line.
Какое отношение имеет ovefflow к pre?

[Сергей delphinpro]

Евгений Петров: bolder? В опере, например, bold. Допускаю, что в другом браузере стоит bolder. Поэтому и задан единый стиль.
Overflow к pre имеет такое же отношение как и bolder к b =)

[Евгений Петров]

Сергей: Если webkit не умеет работать с градацией насыщенности и корёжит в 2 состояния многоступенчатую систему (100 => 400 => 700 => 900), это не есть аргумент. Если вдруг webkit Научится работать со всеми ступенями, то normilize это перекроет. А пока он не умеет, то в чём значение этих правил normilize?

[Евгений Петров]

Сергей: overflow к pre не имеет вообще никакого отношения.

[bro-dev]

Евгений Петров: Вы скорее всего не понимаете то нормалайз это не обнуление стилей, в том что они предустоновили не так как кажется логичным нет никого их личностного подхода, они сделали это не потому что так считают или им так нравится. Почитайте про различия нормалайла и ресета ксс.

Answer 2

[hax0r :3]

А у тега body, margin и padding, убраны?

Comments

[Serj-One]

При чём здесь тег body? Слышу звон... ?

[hax0r :3]

Serj-One: Не знаю где он.

[Евгений Петров]

А когда у body вдруг ненулевой padding объявился?

[hax0r :3]

Евгений Петров: Тогда нужно, выкидывать свой компьютер.