textarea中的字体一致性

Ale*_*lex 20 html css fonts textarea

如何使textarea与网页上的其他内容具有相同的字体?

目前我有我的代码:

test.html:

    <html>
      <head>
        <link rel="stylesheet" href="test.css">
      </head>
    <body>
        <div id="testarea">
          <textarea></textarea>
        </div>
    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

test.css:

    body { font: 100%/120% Verdana, Arial, Helvetica, sans-serif;}
    #testarea textarea { width: 30em;height: 7em;font: inherit;}
Run Code Online (Sandbox Code Playgroud)

字体继承在Mozilla中,但IE7将Courier保留在textarea中.

UPD:显然inherit不能在IE中使用textarea,所以我将使用AlbertoPL的方法.

Alb*_*oPL 25

只需创建一个textarea元素并在那里定义您的字体元素.

textarea { font: 100%/120% Verdana, Arial, Helvetica, sans-serif;}
Run Code Online (Sandbox Code Playgroud)

你可以把它从身体元素中移出.

如果你不想使用,你必须两次定义字体(一次在体内,一次在textarea中)*.