テキストエリア内のフォントの一貫性

ウェブページの他のものと同じフォントを持つテキストエリアを作成するにはどうすればよいですか？テキストエリア内のフォントの一貫性

現在、私は私のコードを持っている：

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

フォントは、Mozillaに継承しますが、IE7は、テキストエリア内の宅配便を保持します。

UPD：明らかにinheritは、textareaのIEでは機能しませんので、AlbertoPLの方法につきます。

出典

2009-05-13 Alex

奇妙なことに、Mozillaは「うまくいきません」というのは私がこのバグを見つけたとき（FF 4）、このバグを探していたからです。私の 'body'はフォント宣言を持っていますが、' textarea'は宅急便です。私のフォントのdelcarationを 'body、textarea {...'として指定しても問題ありません。 – Stephen

...さらに良いことに、私は実際に質問を読んで、 'textarea {font：inherit}'を設定してもうまくいきます。 – Stephen

textarea要素を作成し、そこにフォント要素を定義するだけです。

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

あなたはbody要素の外に移動することができます。

*を使用しない場合は、フォントを2回（本体とテキストエリアで1回）定義する必要があります。

出典

2009-05-13 02:19:11 AlbertoPL

それはうまくいくでしょうが、* – da5id

を使ってすべてのスタイルにスタイルを適用するのに相当なオーバーヘッドがあるようです。フォントを2回定義することも間違いなく機能しますが、フォントは継承されません。私が言ったように、私はatmをテストすることはできませんが、私は99％確信しています。 – da5id

IE7が正しく継承されないと推測します。 – AlbertoPL

テキストエリア内のフォントの一貫性

答えて

関連する問題