The color:inherit will obviously cause problems if font color is set to something close to white in any section of html. (Say a header section, etc with a dark background). Since the font-color becomes inherited, but the background remains default in input elements, it won't look correct or make any sense. It should NOT be assumed that the user's text in a section of html will not be white or a color close to what happens to be background color of input elements.
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 /
font: inherit; / 2 /
margin: 0; / 3 */
}
The color:inherit will obviously cause problems if font color is set to something close to white in any section of html. (Say a header section, etc with a dark background). Since the font-color becomes inherited, but the background remains default in input elements, it won't look correct or make any sense. It should NOT be assumed that the user's text in a section of html will not be white or a color close to what happens to be background color of input elements.
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 /
font: inherit; / 2 /
margin: 0; / 3 */
}