Why are CSS-styles not inherited by HTML form fields?

Question

I want to set the font-style and font-size of the text in my HTML document.

    
    &l         


        

Answer 1

input, select, textarea button - They do not inherit by default but you can set it to inherit with css

input, select, textarea, button {font-family: inherit;}

Live Demo: http://jsfiddle.net/rvjKE/

body {
  font-family: courier;
}

input {
  width: 250px;
}

input.inherit {
  font-family: inherit;
}

simple text should be courier