为什么CSS样式不是由HTML表单字段继承的?

R_U*_*ser 4 html css forms inheritance styles

我想在HTML文档中设置文本的字体样式和字体大小.

<html>
<head>
    <title>Style inheritance</title>
    <style type="text/css">
    <!--
    body    {
            background-color: #000000;
            font-family: sans-serif;
            color: #EEEEEE;
            margin: 0;
            font-size: 22pt;
    }
    -->
    </style>

</head>
<body>
    test text
    <form>
        <input type="text">
    </form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我曾经了解到,每个HTML元素都继承了其父元素的样式属性.就我而言,所有子元素都body应该具有大小22pt.

但是,为什么这不是工作input,select,textarea,等?

Pra*_*man 13

input,select,textarea-他们不默认继承,但你可以将其设置为与CSS继承

input, select, textarea {font-family: inherit;}
Run Code Online (Sandbox Code Playgroud)

现场演示:http://jsfiddle.net/rvjKE/