2009-05-13 12 views
20

Comment créer une zone de texte ayant la même police que tout le reste de la page Web?Cohérence des polices dans une zone de texte

Actuellement, j'ai mon code:

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

police hérite de Mozilla, mais IE7 garde Courier à l'intérieur du textarea. UPD: Apparemment, inherit ne fonctionne pas dans IE pour textarea, donc je vais aller avec la méthode AlbertoPL.

+0

Étrange que Mozilla "fonctionne" comme je suis venu chercher ce bug quand il ne l'a pas fait (FF 4). Mon «corps» a la déclaration de police, et pourtant le «textarea» était en courrier. La spécification de la suppression de ma police en tant que body, textarea {... 'a bien fonctionné. – Stephen

+0

... encore mieux, j'ai effectivement lu la question et mis 'textarea {font: inherit}' qui fonctionne aussi bien;). – Stephen

Répondre

25

Créez simplement un élément textarea et définissez votre élément de police ici.

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

vous pouvez le déplacer hors de l'élément du corps.

Vous devrez définir la police deux fois (une fois dans le corps et une fois dans la zone de texte) si vous ne souhaitez pas utiliser *.

+0

Cela fonctionnerait, mais il y a apparemment une bonne quantité de frais généraux impliqués dans l'application d'un style à tout via * – da5id

+0

Définir deux fois la police de caractères fonctionnera certainement, mais pourquoi la police ne va-t-elle pas: hériter du travail? Comme je l'ai dit, je ne peux pas tester atm, mais je suis sûr à 99% que ce n'est pas ce que j'ai fait ... – da5id

+0

Je vais deviner que IE7 n'hérite pas correctement, ce qui est dommage. – AlbertoPL