html - 网页跨浏览器CSS

我的表单存在问题，在Firefox中看起来还可以，但是比Chrome和IE上的表单要低。当Chrome和FF完美时，IE中的页脚也会更高。

我只想知道是否可以通过某种方式使每个浏览器都具有CSS，因此，如果我在FF，IE或Chrome中打开页面，它将使用特定于它的CSS。

谢谢

更新：

我发现此代码为IE制作了单独的样式表：

<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

我可以为所有其他浏览器制作一个吗？

最佳答案

在IE中，您可以使用条件注释添加特定的样式表：
http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

对于Mozilla和Chrome，您可以使用供应商特定的标签。
在Chrome中，您将使用以下方式（由于Chrome是基于Webkit的，因此您必须在标签之前添加-webkit）：

#foo {
  -webkit-border-radius:5px;
  -webkit-box-shadow: 5px 5px 5px #000;
}

在Mozilla中，您将使用（在标签前添加-moz）：

#foo {
  -moz-border-radius:5px;
  -moz-box-shadow: 5px 5px 5px #000;
}

您必须记住您不能在所有标签中都这样做。

Mozilla的列表：
https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

Chrome清单：
http://qooxdoo.org/documentation/general/webkit_css_styles