Согласование шрифтов в текстовом поле
Как сделать 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;}
Шрифт наследуется в Mozilla, но IE7 сохраняет Courier внутри текстового поля.
UPD: По-видимому, inherit
не работает в IE для textarea, поэтому я пойду с помощью метода AlbertoPL.
Ответы
Ответ 1
Просто создайте элемент textarea и определите там свой элемент шрифта.
textarea { font: 100%/120% Verdana, Arial, Helvetica, sans-serif;}
вы можете переместить его из элемента body.
Вам нужно будет определить шрифт дважды (один раз в теле и один раз в textarea), если вы не хотите использовать *
.