Как поправить форму в firefox?

Question

[Dvorak]

Сверху фото, как выглядит форма в Firefox, снизу - в хроме. Как сделать так, чтобы форма так же отображалась в Firefox, как и в хроме?

Comments

[Ivan Bogachev]

Приложите к вопросу ваш код, чтобы отвечающим было понятнее в чем собственно проблема (угадывание по картинкам скорее всего не приведет к ответу)

Answer 1

[iNeedHelp]

Уберите padding и height в css-стилях

Answer 2

[Андрей Верх]

Стили для плейсхолдера определите

::-webkit-input-placeholder {color:#000;opacity:1;}
::-moz-placeholder          {color:#000;opacity:1;}
:-moz-placeholder           {color:#000;opacity:1;}
:-ms-input-placeholder      {color:#000;opacity:1;}

Answer 3

[Imin]

Подключите файл очистки стилей браузера или вбейте в свой.(Код ниже)
Получится тогда, во всех браузерах одинаково, так как браузер не будет применять свои стили.
Пример Css кода сброса стилей браузера + html5 теги.

/* сброс стилей браузера */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol { 
	padding-left: 1.4em;
	list-style: decimal;
}
ul {
	padding-left: 1.4em
	list-style: square;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
} 
/* конец кода сброса стилей браузера */