What is default font style of textarea in chrome? (text input vs textarea "size" of text)

Question

What is default font style of textarea in chrome? What should to make it default look like? Purpose of my question is that I wanna make the text make same in input as in textarea. In text input is maybe too "bold" :P
The question should be: What are default font properties applied on textarea? What would I wrote if I wanna look like as default?

textarea {
font-???: ???;
etc.
}

Josh Crozier · Accepted Answer · 2013-11-16T02:57:03.933

8

To answer your question directly,

The default font property of a textarea is font-family: monospace

While the default font property of a input is font-family: Arial.

All the default styling properties of an element (in Chrome) can be found by looking at the computed styling of the element in the Chrome developer tool. For all the properties, view this (example)

edited Nov 16 '13 at 02:57

answered Nov 16 '13 at 02:49

Josh Crozier

233,099
56
391
304

1

Thx and nice example :) – user1097772 Nov 16 '13 at 03:46
If I set the font-family to an unsupported font (e.g. "ArialMT"), then Times New Roman is set instead of monospace. Why? – Franz Deschler Aug 03 '17 at 07:29
This is not the case for both Safari and Chrome on macOS, and any browsers on iOS; Helvetica is used instead. I don't know **why** this is the case, though. – chrstphrchvz Jun 13 '18 at 01:52
^^^ for `textarea` (i.e. Helvetica instead of a monospace font) – chrstphrchvz Jun 13 '18 at 02:01

score 1 · Answer 2 · edited May 23 '17 at 12:09

1

As mentioned in another answer, you can force textarea to inherit the font style, to make it look like default:

textarea {
  font-family: inherit;
}

edited May 23 '17 at 12:09

Community

1
1

answered Aug 13 '14 at 10:02

Deniz Ozger

2,565
23
27

What is default font style of textarea in chrome? (text input vs textarea "size" of text)

2 Answers2

Linked