- Posts: 3856
- Thank you received: 515
- Forum
- Fox Contact Form
- Documentation
- How to
- Change the font of the form elements: input, textarea, buttons
Change the font of the form elements: input, textarea, buttons
- Demis [Fox-Labs]
-
Topic Author
- Offline
Less
More
02 Jun 2015 16:17 - 02 Jun 2015 16:18 #1
by Demis [Fox-Labs]
Change the font of the form elements: input, textarea, buttons was created 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".
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.