Schriftart Konsistenz in einem Textfeld

Wie mache ich ein Textfeld die gleiche Schriftart wie alles andere auf der Webseite?Schriftart Konsistenz in einem Textfeld

Zur Zeit habe ich meinen 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;}

Font erbt in Mozilla, aber IE7 hält Courier in den Textbereich.

UPD: Scheinbar inherit funktioniert nicht in IE für Textarea, also werde ich mit AlbertoPLs Methode gehen.

Quelle

2009-05-13 Alex

Seltsam, dass Mozilla "arbeitet", als ich auf der Suche nach diesem Fehler kam, wenn es nicht (FF 4). Meine "Körper" hat die Schrift-Deklaration, aber die "Textarea" war in Kurier. Meine Schriftart delcaration als 'body, textarea {...' hat gut funktioniert. – Stephen

... noch besser, ich habe die Frage gelesen und 'textarea {font: inherit}' gesetzt, was auch gut funktioniert;). – Stephen

Erstellen Sie einfach ein Textarea-Element und definieren Sie dort Ihr Font-Element.

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

Sie können es aus dem Körperelement verschieben.

Sie müssen die Schriftart zweimal definieren (einmal im Text und einmal im Textbereich), wenn Sie nicht * verwenden möchten.

Quelle

2009-05-13 02:19:11 AlbertoPL

Das würde funktionieren, aber es gibt anscheinend eine beträchtliche Menge an Overhead in der Anwendung eines Stils auf alles über * – da5id

Definieren Schriftart zweimal funktioniert auch definitiv, aber warum nicht Schriftart: erben Arbeit? Wie ich schon sagte, ich kann atm nicht testen, aber ich bin zu 99% sicher, dass das nicht das ist, was ich gemacht habe ... – da5id

Ich rate mal, dass IE7 einfach nicht korrekt erbt, was schade ist. – AlbertoPL

Antwort

Verwandte Themen