按钮和输入框未继承主体的字体族。

4

有人能帮我理解为什么在 Chrome 中 user agent stylesheet 优先于 body 上的 font-family,在我的网站上吗?我知道这很容易解决,但我想要更加优雅的解决方法。


请问您能否将代码嵌入行内? - Karthik Nishanth
唯一相关的代码是:@import url(http://fonts.googleapis.com/css?family=Indie+Flower); body {font-family: 'Indie Flower', cursive;} - Steve Ballmer
1个回答

5
第6.1.1条款的CSS 2.1规范中指定值定义为第一步:“如果级联结果有一个值,则使用它。”仅在此之后才会考虑继承。浏览器样式表(用户代理样式表)在CSS级联中是概念上的一部分。因此,如果它为元素(如inputbutton)设置了font-family的值,则该值将被使用,除非另一个样式表为该元素设置了该值。
因此,如果您想在inputbutton元素中使用自己的字体,您需要设置例如:
body, input, button {font-family: 'Indie Flower', cursive;}

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接