What is default font style of textarea in chrome?

2019-06-22 05:52发布

问题:

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.
}

回答1:

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)



回答2:

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

textarea {
  font-family: inherit;
}