html - 按钮和输入不继承正文的字体系列

Question

谁能帮我理解为什么 user agent stylesheet(至少在 Chrome 中)优先于 font-family 的 body在 my site here ？我知道它很容易修复，但我想在这里保持优雅。

Answer 1

条款 6.1.1 Specified values CSS 2.1 规范的定义为第一步:“如果级联产生一个值，则使用它。”只有在这之后才会考虑继承。浏览器样式表(用户代理样式表)在概念上是 CSS 级联的一部分。因此，如果它为一个元素设置了一个值，例如 input 或 button，该值将被使用，除非另一种样式sheet 为该元素设置它。

因此，如果你想将你的字体也用于 input 和 button 元素，你需要设置例如

body, input, button {font-family: 'Indie Flower', cursive;}