Question

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

目前我有我的代码：

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在Mozilla中继承，但IE7将Courier保留在textarea中。

UPD：显然inherit在IE中不适用于textarea，所以我会选择AlbertoPL的方法。

Answer 1

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

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

你可以将它移出身体元素。

如果您不想使用*，则必须两次定义字体（一次在体内，一次在textarea中）。

textarea中的字体一致性

1 个答案: