Mozilla / Opera输入框填充

Question

所以我做了这个提交按钮，显然，每个浏览器决定使它看起来不同。以下代码仅适用于Chrome; Opera和IE使按钮变小; Firefox更大。即使我删除了可能影响输入框的所有填充（编辑wordpress的主题），它们在每个浏览器中看起来仍然不同。解决方法？

.search-submit  {
padding-top: 3px 7px;
color: #5e5e5e;
font-size: 11px;
font-weight: normal;    
}


<input type="submit" class="search-submit" value="Search" />

Answer 1

始终使用CSS重置启动CSS以避免浏览器的本机样式表中的差异。 Eric Meyer的重置非常受欢迎，它一直对我有用：http://meyerweb.com/eric/tools/css/reset/

一旦你完成了重置（在你的css文件的最顶层），所有浏览器都应该显示相同的元素（具有相同的边距，填充等）。你可以从那里拿起它并写下你想输入的css。