Как сделать текстовое поле тем же шрифтом, что и все остальное на веб-странице?Контекст шрифта в текстовом поле
В настоящее время у меня есть код:
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.
Странно, что Mozilla «работает», когда я искал эту ошибку, когда она этого не сделала (FF 4). У моего 'body' есть объявление шрифта, но' textarea' был в курьерах. Указание моего деления шрифта как 'body, textarea {...' отлично работало. – Stephen
... еще лучше, я действительно прочитал вопрос и установил 'textarea {font: inherit}', который также хорошо работает;). – Stephen