Anulación de la fuente predeterminada

Para garantizar una herencia de fuentes consistente para todos elementos, la configuración de fuente predeterminada para los elementos del formulario debe anularse explícitamente. Esto se puede lograr agregando la siguiente regla CSS:

input, select, textarea, button {
  font-family: inherit;
}

Al agregar esta regla, todos los elementos del formulario heredarán las propiedades de fuente de su elemento principal, incluido el elemento

Demostración

Una demostración en vivo de la solución está disponible en http://jsfiddle.net/gaby/pEedc/1/. En esta demostración, los elementos y muestran la fuente Verdana, como se esperaba.

Nota:

Si bien esta solución funciona en la mayoría de los navegadores modernos , Internet Explorer 9 y versiones anteriores no admiten la herencia de fuentes para elementos de formulario. En estos navegadores, la configuración de fuente predeterminada seguirá anulando las propiedades de fuente heredadas.