css – 为什么不继承body的字体?

前端之家收集整理的这篇文章主要介绍了css – 为什么不继承body的字体?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有输入和标签字段:
<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;}

demo:http://jsfiddle.net/gaby/pEedc/1/

猜你在找的CSS相关文章