HTML, CSS ..: другой размер шрифта в кнопках и выделениях, чем для обычного текста (по крайней мере, в FF)

Question

У меня есть это правило:

body {

    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px
}

но у меня другой размер шрифта для выбора и кнопок, чем для обычного текста.

Что мне делать, если я хочу одинакового размера для всего?

Привет

1010 * Javi *

Answer 1

формульные элементы обычно не наследуют эти свойства, поэтому вы должны сделать:

body{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
input, select, button{
    font-family: inherit;
    font-size: inherit;
}

Answer 2

body,
input,
select,
button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
}

Answer 3

По умолчанию элементы формы, такие как ввод текста и пароля (submit и button?), Select, textarea и button, имеют моноширинный шрифт с результирующим размером прибл.13.33px.
Вы можете выбрать C:\Program Files\Firefox\res\forms.css (под WinXP) или с Firebug в части HTML, маленький треугольник справа от вкладки Стиль ==> Свойства CSS по умолчанию

body {
  font: normal 62.5%/1.5 Verdana,Arial,Helvetica,sans-serif;
}

input, select, textarea, button {
  font-size: 1.2em;
}

p {
  font-size: 1.2em;
}

в 12px + Verdana элементах формы (и 1em = 10px эквивалентности для всей вашей страницы)

Answer 4

Не уверен насчет кнопок, но большинство браузеров пытаются стилизовать элементы <select> стандартным способом (например, 12-точечный Arial). Если вы хотите изменить их стиль, вы должны добавить явное правило CSS:

select {    
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}