HTML, CSS..: другой размер шрифта в кнопках и выбирает, чем для простого текста (по крайней мере, в FF)
У меня есть это правило:
body {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px
}
но у меня есть другой размер шрифта для выборов и кнопок затем для простого текста.
Что я должен сделать, если я хочу тот же размер для всего?
С уважением
Javi
4 ответа
body,
input,
select,
button {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}
Не уверен насчет кнопок, но большинство браузеров пытаются стилизовать элементы стандартным образом (например, 12-точечный Arial). Если вы хотите изменить их стиль, вы должны добавить явное правило CSS:
select {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}
По умолчанию такие элементы формы, как ввод текста и пароля (отправить и кнопка?), Select, textarea и button, имеют стиль моноширинного шрифта с результирующим размером прибл. 13,33 пикселей.
Вы можете проверить 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 эквивалент для всей вашей страницы)
формулярные элементы обычно не наследуют эти свойства, поэтому вам придется сделать:
body{
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}
input, select, button{
font-family: inherit;
font-size: inherit;
}