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

标签 html css inheritance font-family

我的代码:

body {
    font-family:"Verdana",Arial,Helvetica,sans-serif;
}
.myfont {
    font-family:"Verdana",Arial,Helvetica,sans-serif;
}
<body>
    Hello
    <select>
        <option>
            Hello
        </option>
    </select>
    <select class="myfont">
        <option>
            Hello
        </option>
    </select>
</body>

为什么第一个<select>元素不继承 font-family <body> 规范中的属性?

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

最佳答案

如果您使用:

select {
  font-family: inherit;
}

它会很好地工作。当涉及到表单控件时,CSS 有点古怪。

关于html - 为什么我的 <select> "font-family"属性不是从 <body> 继承的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/413017/

相关文章:

c++ - 对象数组和继承

C++:虚拟指针的原型(prototype)

html - 无法使用边距自动将内容居中

javascript - 我正在尝试使用 javascript 将图像添加到 HTML 但没有内容?

javascript - 为什么我的组(文本和图像)不会在中间垂直对齐和水平居中,无论设置样式如何?

css - 在 CSS 中组合特定的媒体查询

html - 在右对齐导航菜单中将第一个元素向左对齐

html - 屏幕变大时调用媒体查询

javascript - 如何修复 Cannot read property 'style' of null in JavaScript?

inheritance - 我可以避免为派生自接口(interface)的类编写样板代码吗?