CSS按鈕不造型

Question

我必須丟失一些明顯的東西，但有人可以解釋我在做什麼錯我的CSS？我希望所有的按鈕都有一個特定的格式，除了少數幾個。我期待使用CssClass來覆蓋少數應該不同的東西，但他們似乎都使用標準的東西。

我的CSS：

.btn 
{  
    border:none; 
    background-color:red;   
}  

input[type="submit"] 
{ 
    border: 2px solid black; 
    background-color:green;   
} 

所有按鈕取第二個值（綠色背景，有邊框）。不過，我有這個按鈕：

<asp:Button ID="btnAdd" CssClass="btn" runat="server" Text="Add" /> 

我期待這個已經沒有邊框，紅色背景，但它同所有其他按鈕。

任何想法我做錯了什麼？ 謝謝

Answer 1

的type='button'規則可能擊敗特異性的btn規則。您可以使用!important但在IE < 8中不起作用，並且從長遠來看肯定會出現問題。

請先嚐試：

input[type="submit"].btn 
    { 

     border:none; 
     background-color:red; 

    } 

Answer 2

將您的.btn放在您的下方input[type="submit"]規則。如果這仍然不起作用，那麼重要！

.btn 
{  
    border:none !important; 
    background-color:red !important;  
} 

看到這裏的CSS優先級：http://www.w3.org/TR/CSS2/cascade.html

Answer 3

另外值得一提的是，屬性選擇，例如input[type="submit"]不會在IE中工作，他們在FF做雖然。