HTML, CSS ..: diferente tamaño de fuente en los botones y selecciona de texto sin formato (al menos en FF)

Question

tengo esta regla:

body { 

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

pero tengo diferente tamaño de fuente para los selecciona y los botones luego para texto simple.

¿Qué debo hacer si quiero el mismo tamaño para todo?

Saludos

Javi

Answer 1

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

Answer 2

No está seguro acerca de los botones, pero la mayoría de los navegadores tratan de estilo <select> elementos en una forma estándar (por ejemplo, 12 puntos Arial). Si desea cambiar el estilo de estos, hay que añadir una regla CSS explícita: Elementos

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

Answer 3

Concurso Formulario de usualy no heredan las propiedades, por lo que tiene que hacer:

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

Answer 4

De forma predeterminada, los elementos de formulario como la entrada de tipo de texto y contraseña (enviar y ¿botón?), Seleccionar, texto y botón se diseñan con una fuente monoespaciada con un tamaño resultante de aprox. 13.33px.
Puede comprobar C:\Program Files\Firefox\res\forms.css (en WinXP) o con Firebug en la parte HTML, el pequeño triángulo en la parte derecha de la ficha Estilo ==> propiedades CSS por defecto

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

dará lugar a 12px + Verdana elementos de formulario (y 1em = 10px equivalencia para toda la página)