字体继承不兼容在CSS中,元素继承其父元素的字体属性,例如元素。但是, 元素并不总是遵循此规则。在提供的示例中, 和 元素共享 Verdana 字体,但 元素显示为“MS壳牌Dlg”。这是因为表单元素(包括 )具有默认字体设置,该设置会覆盖继承的字体属性。覆盖默认字体确保所有字体继承一致元素时,必须显式覆盖表单元素的默认字体设置。这可以通过添加以下 CSS 规则来实现:input, select, textarea, button { font-family: inherit;}通过添加此规则,所有表单元素都将继承其父元素的字体属性,包括 元素。Demonstration该解决方案的现场演示可在 http://jsfiddle.net/gaby/pEedc/1/ 上找到。在此演示中, 和 元素均按预期显示 Verdana 字体。注意:虽然此解决方案适用于大多数现代浏览器、Internet Explorer 9 及更早版本不支持表单元素的字体继承。在这些浏览器中,默认字体设置仍将覆盖继承的字体属性。