Consistencia de fuente en un área de texto

¿Cómo hago para que un área de texto tenga la misma fuente que todo lo demás en la página web?Consistencia de fuente en un área de texto

Actualmente tengo mi código:

test.html:

<html> 
     <head> 
     <link rel="stylesheet" href="test.css"> 
     </head> 
    <body> 
     <div id="testarea"> 
      <textarea></textarea> 
     </div> 
    </body> 
    </html>

test.css:

body { font: 100%/120% Verdana, Arial, Helvetica, sans-serif;} 
    #testarea textarea { width: 30em;height: 7em;font: inherit;}

Fuente hereda en Mozilla, pero IE7 mantiene mensajero dentro del área de texto.

UPD: Aparentemente inherit no funciona en IE para textarea, así que voy a ir con el método de AlbertoPL.

Fuente

2009-05-13 Alex

Es extraño que Mozilla "funcione", ya que vine en busca de este error cuando no funcionaba (FF 4). Mi 'cuerpo' tiene la declaración de fuente, pero el' textarea' estaba en mensajería. Especificar mi descarga de fuente como 'body, textarea {...' funcionó bien. – Stephen

... aún mejor, de hecho leí la pregunta y establecí 'textarea {font: inherit}' que también funciona bien;). – Stephen

Simplemente cree un elemento textarea y defina su elemento de fuente allí.

textarea { font: 100%/120% Verdana, Arial, Helvetica, sans-serif;}

puede sacarlo del elemento del cuerpo.

Deberá definir la fuente dos veces (una en el cuerpo y otra en el área de texto) si no desea usar *.

Fuente

2009-05-13 02:19:11 AlbertoPL

Eso funcionaría, pero aparentemente hay una gran cantidad de gastos generales involucrados al aplicar un estilo a todo a través de * – da5id

Definir la fuente dos veces también funcionará definitivamente, pero ¿por qué no funciona la fuente: heredar? Como dije, no puedo probar atm, pero estoy 99% seguro de que no es lo que hice ... – da5id

Voy a adivinar que IE7 simplemente no hereda correctamente, lo cual es una pena. – AlbertoPL

Consistencia de fuente en un área de texto

Respuesta

Cuestiones relacionadas