根據瀏覽器改變輸入字段的寬度？

Question

我有一個輸入字段，我想這是在Internet Explorer中2點不同的尺寸和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

這是不可能直接在一個乾淨的方式（不CSS黑客）針對特定除了Internet Explorer中意識到conditional comments。

你可以把所有的IE特定屬性到一個單獨的樣式表，並嵌入主樣式表後（所以它會覆蓋現有的設置）：

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

，你可能會想各種版本之間的區別IE，因爲IE 6,7和8在很多方面往往表現不同。

Answer 2

你可以使用這個腳本：

http://rafael.adm.br/css_browser_selector/

後您包括此腳本，您可以在CSS使用方便。