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

Question

我有一个基本的 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 浏览器。

有什么想法吗？

干杯，阿迪。

Answer 1

buttons 和 inputs 被每个浏览器呈现(略微)不同(填充，边距等)如果你想在每个浏览器中得到完全相同的结果，您需要使用不同的样式规则专门针对每个目标。