css - 浏览器上填充的差异

标签 css padding

我一开始试图忽略它,但它已经到了相当烦人的地步。我的网站上有很多表格,我正在为提交按钮应用 3px 的 css 填充。它们在 Firefox 上看起来都不错,但这些样式都不适用于我的 safari 浏览器。关于如何在 safari 中为提交按钮应用填充的任何想法?谢谢

最佳答案

一般来说,无论您对哪种浏览器感兴趣,使用“CSS 重置”都会对您的网页样式的一致性产生奇迹。我使用了 Yahoo YUI CSS reset。过去,但还有许多其他人也会或多或少地做同样的事情。您的段落、字体大小、内边距、边距等等将通过 CSS 重置更加一致地工作。

那是什么?这是一个将文档中的大部分或所有样式设置为 nil 的样式表 - 它使文档完全是普通的,但更重要的是,始终是普通的。然后,您之后添加的所有样式都是干净且一致的。尝试一下,它可以节省大量时间和精力,让内容在浏览器之间保持一致。

关于css - 浏览器上填充的差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6381140/

相关文章:

html - CSS 保持父级水平菜单背景

html - 如何删除链接 <a> 和它位于 <li> 中的列表项之间的所有填充?或者...点击 <li> 打开里面的链接?

css - 如何将 bootstrap form-control padding 设置为 0 px

css - Firefox+CHrome 中的额外填充/边距 IE 中无

css - Mailchimp 和 Gmail : cant'd see padding

javascript - 动画宽度以适合内容

javascript - 使用javascript在除一页之外的每一页上显示html

jquery - Bootstrap 事件菜单更改导航栏高度

CSS3 验证

CSS自动为无序列表添加填充和边距