Почему мое свойство <select> "font-family" не наследуется от <body>?
Мой код:
body {
font-family:"Verdana",Arial,Helvetica,sans-serif;
}
.myfont {
font-family:"Verdana",Arial,Helvetica,sans-serif;
}<body>
Hello
<select>
<option>
Hello
</option>
</select>
<select class = "myfont">
<option>
Hello
</option>
</select>
</body>Почему первый элемент <select> не наследует свойство font-family из спецификации для <body>?
Если мне нужно изменить шрифт для <select>, зачем мне копировать стиль?
Ответы 4
Если вы используете:
select {
font-family: inherit;
}
Все будет нормально. Когда дело доходит до элементов управления формы, CSS немного необычен.
Вы, вероятно, получите лучшие ответы, если зададите это отдельным новым вопросом.
If I have to change the font for a "select" why do I have to copy the style?
Просто чтобы вы знали, даже если вам нужно «скопировать стиль», вам не нужно копировать стиль, как вы это делали выше.
Вы просто примените стиль samy к body и .myfont, выполнив следующие действия:
.myfont, body
{
font-family:"Verdana",Arial,Helvetica,sans-serif;
}
Да, семейство шрифтов: inherit кажется лучшим. Но иначе:
body, .myfont
{
font-family:Verdana,Arial,Helvetica,sans-serif;
}
Вы также можете заменить '.myfont' на 'select', если хотите, чтобы все элементы select использовали это.
Горячий совет. Не используйте кавычки вокруг названий семейств шрифтов, это не понимают все браузеры.
Ответ Джеймса кажется мне наиболее элегантным и правильным, но я подумал, что просто добавлю еще один способ сделать это:
.myfont option {
font-family: "Verdana"; /* etc */
}
как вы можете установить индивидуальный текст <option> смелый? Поскольку <option style = 'font-weight: bold'> жирный шрифт </option> не работает.