select和input不会继承字号body font-size

在web开发中，有时候我们遇到一些看似简单的样式问题，实际上背后隐藏着复杂的浏览器兼容性问题。这里提到的在Firefox 3.6.9、IE 9和IE 8中，select和input元素不继承字体大小的问题，就是一个典型的例子。

让我们先来看一下这段HTML代码。这是一个简单的页面布局，其中包含了select和input元素。通过CSS，我们试图设置body、select和input的字体大小。在特定的浏览器版本中，select和input元素似乎并不遵循我们为body设置的字体大小规则。

这个现象背后的原因，可能与浏览器的默认样式表以及CSS的继承机制有关。在某些浏览器中，默认样式表中的select和input元素可能具有自己的字体大小设置，这些设置可能会覆盖我们在body元素上设置的字体大小。浏览器的渲染引擎在处理CSS继承时也可能存在差异。

为了解决这个问题，我们需要明确地为select和input元素设置字体大小。在给出的代码中，已经通过CSS实现了这一点：`select, input { font-size: 1em; }`。这样，无论浏览器的默认样式表如何，select和input元素都会继承这个特定的字体大小设置。

这种现象可能初看起来有些奇怪，因为我们习惯于认为CSS的继承机制是直观的。在实际开发中，我们需要考虑到不同浏览器及其版本的差异，以及这些差异如何影响我们的样式表。这不仅需要我们对CSS有深入的理解，还需要我们具备解决跨浏览器兼容性问题的能力。通过这样的实践，我们不仅能提升我们的技能，还能更好地满足用户的需求，提供更好的用户体验。