Por que não é o meu
https://stackoverflow.com/questions/413017
-
03-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPergunta
Meu código:
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>
Por que o primeiro elemento <select> não herdar a propriedade font-family a partir da especificação para <body>?
Se eu tiver que mudar o tipo de letra para um <select> por que eu tenho para copiar o estilo?
Solução
Se você usar:
select {
font-family: inherit;
}
Ele vai funcionar bem. CSS é um pouco peculiar quando se trata de controles de formulário.
Outras dicas
Sim font-family: herdar parece o melhor
.
Mas por outro lado:
body, .myfont
{
font-family:Verdana,Arial,Helvetica,sans-serif;
}
Você também pode substituir '.myfont' para 'selecionar' se você quiser todos os elementos selecionados para usar isto.
Hot ponta. Não usar aspas em torno de seus nomes de família da fonte, não é compreendido por todos os navegadores.
Se eu tiver que mudar o tipo de letra para um "Select" por que eu tenho para copiar o estilo?
Só para você saber, mesmo se você teve que "copiar o estilo", você não tem que Copiar o estilo como você fez anteriormente.
Você só aplicar o estilo samy para body e .myfont fazendo isso:
.myfont, body
{
font-family:"Verdana",Arial,Helvetica,sans-serif;
}
A resposta de James parece ser o mais elegante e correto para mim, mas eu pensei que eu tinha acabado de adicionar uma outra maneira de fazê-lo:
.myfont option {
font-family: "Verdana"; /* etc */
}
