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%; }

考虑使用reset stylesheet。

Answer 2

某些浏览器根据相应的OS用户界面元素设置表单元素。因此，他们可能不会尊重您在body上应用的所有样式（即他们可能不会继承它）。

您需要选择这些特定元素，然后应用规则。

body, input {
    font-size: 12px;
}

Answer 3

尝试

* {
    font-size:12px;
}

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

3 个答案: