Согласованность шрифта в текстовой области - PullRequest
Новая
       15

Согласованность шрифта в текстовой области

20 голосов
/ 13 мая 2009

Как сделать так, чтобы текстовая область имела тот же шрифт, что и все остальное на веб-странице?

В настоящее время у меня есть мой код:

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 Ответ

25 голосов
/ 13 мая 2009

Просто создайте элемент textarea и определите там свой элемент шрифта. 

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

Вы можете переместить его из элемента body.

Вам придется определить шрифт дважды (один раз в теле и один раз в текстовой области), если вы не хотите использовать *.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...