我有输入和标签字段： label class="adm" for="UserName"User name/labelinput class="adm" id="UserName" name="UserName" size="30" type="text" value="" / 和CSS： body,html { font-family: Verdana,Arial,Helvetica,sans-serif; margin:0;
<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/