2010-06-07 9 views

risposta

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

Non sei sicuro di pulsanti, ma la maggior parte dei browser cercano di stile <select> elementi in un modo standard (ad esempio 12 punti Arial). Se si vuole cambiare lo stile di questi, si deve aggiungere una regola CSS esplicito: elementi

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

Formular quando arrivavano non ereditano tali proprietà, in modo da avere a che fare:

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

+1, si sa se l'ereditarietà funziona anche per gli elementi TD per ereditare la dimensione del carattere/font-famiglia padre? –

+0

+1, non ho mai pensato di ereditare. – FelipeAls

+0

Soluzione eccellente – Dimskiy

1

Per impostazione predefinita, gli elementi del modulo come input di tipo text e password (submit e button?), Select, textarea e button sono in stile con un font monospace con una dimensione risultante di ca. 13.33px.
È possibile controllare C:\Program Files\Firefox\res\forms.css (sotto WinXP) o con Firebug nella parte HTML, il piccolo triangolo a destra della scheda Stile ==> proprietà CSS predefinito

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; 
} 

si tradurrà in 12px + Verdana elementi del modulo (e 1em = 10px equivalenza per l'intera pagina)

Problemi correlati