在一個CSS類中組合不同的用戶代理屬性

Question

我想在用戶輸入錯誤的時候將大綱顏色放到文本框中。問題是，IE8不支持outline屬性（至少我沒有成功的測試），所以我用border代替：

但我想用border爲IE8和outline爲支持它的瀏覽器。

.myclass 
{ 
    border: ; // IE8 should use this 
    outline: ; // Browser that support it must ignore the above one and get this. 
} 

我使用IE8和Chrome進行了測試，這兩個屬性都在Chrome中應用，並且只在IE8中使用邊框。

例子：

.myclass 
{ 
    border: 1px solid red; 
    outline:#00FF00 dotted thick; 
} 

http://jsfiddle.net/puD97/

謝謝。

Answer 1

誰說IE8不支持outline屬性？

不過，如果你想不同風格的IE和其他瀏覽器中使用IE特定cstylesheet評論

<!-- This will be ignored by all browsers but IE --> 

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

或者針對任何特定版本的IE

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

或者在你的頁面使用這種使用IE特定的樣式表

<!--[if IE 8]> 
    <style> 
     /* Styles goes here */ 
    </style> 
<![endif]-->