chrome中的CSS按钮大小与safari不同(虽然这两个webkit浏览器都是?)

时间:2011-07-19 13:08:56

标签: css google-chrome webkit

我有一个基本css,其中包括其他元素,我的输入设置为:

  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;

我也有这个问题的具体按钮

header input[type=submit] { background:#383838; color:#FFF; padding:4px 5px; }

一切都很好,除了Chrome中的输入按钮,其高度和宽度都比其他浏览器短2个像素(因此每边有1个像素差异)。是什么让这更令人沮丧的是,这并不影响safari,这也是一个webkit浏览器。

任何想法为什么?

干杯, 阿迪。

2 个答案:

答案 0 :(得分:1)

每个浏览器(填充,边距等)都会(略微)呈现

buttoninput。如果您想在每个浏览器中获得完全相同的结果,则需要定位每个都有不同的风格规则。

答案 1 :(得分:0)

你应该在样式表文档的第一个尝试CSS重置。一些浏览器采用他们的默认样式..所以这也可能是一个问题