为什么 字段不从所有浏览器中的父元素继承字体样式？

字段不会在所有浏览器中从其父元素继承字体样式吗？ " />

字段中的字体继承问题

在 HTML 文档中，某些元素可能不会继承为其父元素定义的字体样式可以在 字段中观察到这一点，如具体示例所示：

<label class="adm" for="UserName">用户名</label> <br><input class="adm" id="UserName" name="UserName" size="30" type="text" value="" />

如果应用 CSS 将字体系列从

元素继承到这些表单元素：

body,html { font-family: Verdana,Arial,Helvetica,sans-serif; 0; 填充:0; 颜色: #111;}<br>label.adm { 字体大小:0.9em; 边距:0 0 3px 3px; 显示: 块;}<br>input.adm { 字体大小:0.9 em; margin:0 0 3px 3px; }

Firefox 使用不同的字体呈现这些元素，而 则按预期继承了 Verdana 字体，而 则令人惊讶。显示不同的字体“MS Shell Dlg”。

出现这种差异是因为 默认情况下，所有浏览器中的元素不会继承字体系列。要显式强制继承，可以使用 CSS：

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

通过结合此规则，<输入>字段将从其父级

继承字体系列。元素，确保字体样式的一致性。该解决方案的现场演示可以在 http://jsfiddle.net/gaby/pEedc/1/ 找到。

以上是为什么 字段不从所有浏览器中的父元素继承字体样式？的详细内容。更多信息请关注PHP中文网其他相关文章！