css - &lt;input&gt; 不继承 <body> 的字体

标签 css

我有输入和标签字段:

<label class="adm" for="UserName">User name</label>
<input class="adm" id="UserName" name="UserName" size="30" type="text" value="" />

和 CSS:

body,html { font-family: Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; color: #111;}
label.adm  { font-size:0.9em; margin:0 0 3px 3px; display: block;}
input.adm  { font-size:0.9em; margin:0 0 3px 3px; }

当代码在 Firefox 中打开时,字体不一样。 Firebug 显示“应该”继承,当我查看计算时它显示标签使用 Verdana。但是输入显示它使用“MS Shell Dlg”。

谁能解释发生了什么以及为什么它似乎不遵守正常的 CSS 规则?

最佳答案

默认不继承,可以通过css设置继承

input, select, textarea, button{font-family:inherit;}

演示:http://jsfiddle.net/gaby/pEedc/1/

关于css - &lt;input&gt; 不继承 <body> 的字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6080413/

相关文章:

javascript - Flex Slider Teaser 拇指图像 slider

css - 如何修复 PrimeNG 下拉样式问题?

jquery - 即使在使用边框 : none; 后也无法删除导航栏和下拉菜单之间的空间

jquery - Google Chrome viewport-anchored expand direction with flexbox

html - 如何在输入 [type ="number"] 上使用模式?

悬停时 CSS3 颜色过渡,但单击时立即发生颜色变化

css - 水平列表超出右边距

jquery - 在 jQuery 中如何简单地隐藏一个元素而不使其折叠

html - 需要菜单中文本的底部才能对齐

html - 无序列表在第 3 项后进入新列