Почему Textarea
и textfield
не взятие font-family
и font-size
от тела?
Посмотрите живой пример здесь http://jsbin.com/ucano4
Код
texearea font
some text here
Если это - обычное поведение, затем должен я писать в CSS как это. мне нужен тот же стиль всего
body,textarea,input {
font-family: Verdana, Geneva, sans-serif;
font-size:16px
}
И сколько других элементов в XHTML, который не возьмет моделирование шрифта от body {....}
?
По умолчанию браузеры отображают большинство элементов формы (текстовые поля, текстовые поля, кнопки и т. Д.) С помощью элементов управления ОС или элементов управления браузера. Таким образом, большинство свойств шрифта взяты из темы, которую в настоящее время использует ОС.
Вам нужно будет настроить таргетинг на сами элементы формы, если вы хотите изменить их стили шрифта / текста - это должно быть достаточно легко, выбрав их, как вы только что сделали.
Насколько мне известно, затрагиваются только элементы формы. Вне моей головы: ввод
, кнопка
, текстовое поле
, выберите
.
Некоторые элементы управления не наследуют настройки шрифта по умолчанию. Вы можете переопределить это, поместив это в свой CSS:
textarea {
font-family: inherit;
font-size: inherit;
}
Все браузеры имеют встроенные таблицы стилей по умолчанию. Вот почему, когда вы создаете страницу без каких-либо стилей, теги являются большими и жирными, а
делает текст жирным. Аналогично, стили шрифтов для элементов
и
определены в стилях по умолчанию.
Чтобы увидеть эту таблицу стилей в Firefox, введите в адресную строку следующее: resource://gre/res/forms.css
В любом случае, вы должны переопределить эти стили, как и любые другие стили, как вы это сделали в последнем примере.
Если вам интересно, какие еще стили определены, проверьте файлы CSS в ваших ресурсах. Вы можете получить доступ к ним по указанному выше url или посмотрев в папке res
в каталоге firefox (например: c:\program files\mozilla firefox\res
). Вот те, которые могут влиять на стили обычных страниц: