为什么我的<select>"font-family"属性不是继承自<body>?

Sab*_*bya 6 html css inheritance font-family

我的代码:

body {
    font-family:"Verdana",Arial,Helvetica,sans-serif;
}
.myfont {
    font-family:"Verdana",Arial,Helvetica,sans-serif;
}
Run Code Online (Sandbox Code Playgroud)
<body>
    Hello
    <select>
        <option>
            Hello
        </option>
    </select>
    <select class="myfont">
        <option>
            Hello
        </option>
    </select>
</body>
Run Code Online (Sandbox Code Playgroud)

为什么第一个<select>元素没有font-family从规范中继承属性<body>

如果我必须更改字体,<select>为什么我要复制样式?

Jam*_*s B 11

如果您使用:

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

它会工作正常.在表单控件方面,CSS有点古怪.