Home/ Questions/Q 206059
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T17:36:42+00:00

How do I make a textarea have the same font as everything else on

  • 0

How do I make a textarea have the same font as everything else on the webpage?

Currently I have my code:

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 inherits in Mozilla, but IE7 keeps Courier inside the textarea.

UPD: Apparently inherit does not work in IE for textarea, so I’ll go with AlbertoPL’s method.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Simply create a textarea element and define your font element there.

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

    you can move it out of the body element.

    You’ll have to define the font twice (once in body and once in textarea) if you don’t want to use *.

    • 0