input - Mozilla / Opera 输入框内边距

Question

所以我做了这个提交按钮，显然，每个浏览器都决定让它看起来不同。下面的代码只能在 Chrome 中正常工作；Opera 和 IE 使按钮变小；火狐更大。即使我删除了所有可能影响输入框的填充（编辑 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。