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＆lt;从长远来看，这肯定会产生问题。

首先尝试：

input[type="submit"].btn
    {

         border:none;
         background-color:red;

    }

Answer 2

将.btn置于input[type="submit"]规则之下。如果仍然无效，请添加！important。

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

请参阅此处了解CSS优先级：http://www.w3.org/TR/CSS2/cascade.html

Answer 3

值得注意的是，input[type="submit"]等属性选择器在IE中不起作用，但在FF中也是如此。

CSS按钮没有样式

3 个答案: