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中)*.
| 归档时间: |
|
| 查看次数: |
14144 次 |
| 最近记录: |