Question

我有一个输入字段，我希望它在Internet Explorer和firfox中有两种不同的大小，如果可能的话，我现在的代码是：

div.search input#query {

  width: 450px;
  height: 24px;
  font-size: 16px;
}

所以我想要这样的事情：

div.search input#query {

if internet explorer {  width: 450px;}
else {  width: 350px;}
  height: 24px;
  font-size: 16px;
}

谢谢

Answer 1

除了知道conditional comments的Internet Explorer之外，不可能以干净的方式直接定位特定的（没有CSS黑客攻击）。

您可以将所有IE特定属性放入单独的样式表中，并将其嵌入主样式表之后（因此它会覆盖现有设置）：

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

你可能想要区分不同版本的IE，因为IE 6,7和8在许多方面往往表现不同。

Answer 2

您可以使用此脚本：

包含此脚本后，您可以在css中轻松使用。