Change the font of the form elements: input, textarea, buttons

02 Jun 2015 16:17 - 02 Jun 2015 16:18 #1 by Demis [Fox-Labs]
In order to keep a common look and feel for the user, the browsers take the font properties and the appearance of the element of the form identical to that of the Operating System currently in use.
For that reason, all the properties related to the font, including "font-family", "font-size", "font-weight" and "color" applied to the "body" element, are not inherited to the form input fields, textarea and buttons.
Therefore, you have to target the form elements themselves if you want to change their font or text styles.
Specify your own font values or simply use "inherit".

input, textarea, button { font: inherit; }
The following user(s) said Thank You: AXEL

Please Log in or Create an account to join the conversation.