Default padding в браузере Firefox, для input типа submit

Macintosh · 24.12.2011, 22:03

Как сбросить дефолтный стиль для кнопки вида:

Код:

<input type='submit' value='Войти' />

Дело в том что у Firefox, очень сильно отличаются padding от остальных браузеров.
Кнопка делается в стиле CSS, не буду приводить весь свой код это лишнее, приведу лишь минимум, если это побороть, то дальше можно крутить как хочешь. Вот элементарный стиль кнопки.

Код:

input{
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	line-height:100%;
	border: 1px solid #CCCCCC;
	margin: 0;
	padding: 0;
	border: 0;
}

Нужно что бы Firefox, отображал кнопку, точно так же как при этом стиле, она отображается в Opera и Safari . То есть, что бы, не было ни единого пикселя, между текстом и телом кнопки. Padding 0px

UDAV · 25.12.2011, 11:05

Попробуй доктайп поставить такой
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Ну или другие попробовать -)

Macintosh · 30.12.2011, 00:48

Цитата:

Сообщение от UDAV

Попробуй доктайп поставить такой
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Ну или другие попробовать -)

Доктайп тут не при чем. Проблему уже решил вот таким образом, может кому тоже будет нужно.

Цитата:

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

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Не работает padding	Данилкин	HTML, CSS, JavaScript	5	10.08.2015 14:58
Глюки padding в Firefox	finder128	HTML, CSS, JavaScript	1	07.09.2009 23:43
input type=file и input type="reset"	Scrum	HTML, CSS, JavaScript	5	16.10.2006 16:25
Изменение размера фреймов в браузере FireFox	ПавелЪ	HTML, CSS, JavaScript	0	21.01.2005 23:13
Типа картинки... Типа посмотрите...	Web	Растровая графика	5	15.03.2004 09:20

24.12.2011, 22:03	#1
Macintosh	Как сбросить дефолтный стиль для кнопки вида: Код: <input type='submit' value='Войти' /> Дело в том что у Firefox, очень сильно отличаются padding от остальных браузеров. Кнопка делается в стиле CSS, не буду приводить весь свой код это лишнее, приведу лишь минимум, если это побороть, то дальше можно крутить как хочешь. Вот элементарный стиль кнопки. Код: input{ font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; line-height:100%; border: 1px solid #CCCCCC; margin: 0; padding: 0; border: 0; } Нужно что бы Firefox, отображал кнопку, точно так же как при этом стиле, она отображается в Opera и Safari . То есть, что бы, не было ни единого пикселя, между текстом и телом кнопки. Padding 0px

25.12.2011, 11:05	#2
UDAV	Попробуй доктайп поставить такой <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Ну или другие попробовать -)