Javascript 如何使所有浏览器从相同的css呈现相同的行为和外观

可能重复：

我的问题是，我有一个应用程序在IE、FF和Chrome上有不同的行为。例如，在IE和FF+Chrome浏览器上，我有几个看起来不同的按钮，因此如何能够针对所有按钮，以便从相同的css运行。在Chrome中，我对所有下拉列表和许多其他列表的背景渐变有一个问题。如果有人有办法的话。 谢谢。添加到css文件的顶部

html
{
    height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;

}
fieldset, img
{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}
ol, ul
{
    list-style: none;
}
caption, th
{
    text-align: left;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
}

---

您可以尝试使用条件注释为每个浏览器设置样式信息，或者利用已知的浏览器怪癖，但在所有浏览器中获得统一外观的最佳且唯一的方法是坚持符合W3C标准的标记

---

除此之外，您还可以通过使用图像而不是标记来克服图形问题。

实际上没有一种一刀切的解决方案。看看我在这个问题上的答案：这是迈尔斯css重置，对吗？