输入忽略在body元素上指定的font-size

Question

我在这里有一个基本的网页http://www.webdevout.net/test?0V,转载如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 <style type="text/css">
 body { font-size: 12px;}
 </style>
 <title>Test</title>
</head>
<body>
 <p>test</p>
 <form action="/foo" method="get">
  <fieldset>
   <input type="text" value="bar" />
  </fieldset>
 </form>
</body>
</html>

当我使用firebug检查页面时,文本"test"是预期的12px,但输入中的文本"bar"是11px,我希望它是12px.怎么样了？

Answer 1

在浏览器中,您使用的font-size属性的默认值不是inhert或百分比,em或其他相对长度值.即它是绝对值.

自己设置font-size属性,例如 input { font-size: 100%; }

考虑使用重置样式表.