按钮和输入不继承body＆lt; s的font-family

Question

有人可以帮助我理解为什么user agent stylesheet（至少在Chrome中）优先于my site here上body的{​​{1}}？我知道它很容易修复，但我想在这里优雅。

Answer 1

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

因此，如果您想将字体用于input和button元素，则需要设置例如。

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