CSS按钮没有样式答案

【问题标题】：CSS button not stylingCSS按钮没有样式
【发布时间】：2011-02-03 20:15:10
【问题描述】：

我一定遗漏了一些明显的东西，但是有人可以解释我的 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" />

我希望它没有边框和红色背景，但它与其他所有按钮相同。

任何想法我做错了什么？谢谢

【问题讨论】：

你能显示生成的 HTML 代码而不是 ASP 源代码吗？你在什么浏览器中尝试这个？
不是CSS边框属性ordered style width color不是width style color吗？边框：[样式] [宽度] [颜色]

标签： asp.net css button

【解决方案1】：

将.btn 置于input[type="submit"] 规则下方。如果这仍然不起作用，请添加 !important。

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

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

【讨论】：

【解决方案2】：

type='button' 规则在特异性上可能优于 btn 规则。您可以使用!important，但这在 IE

先试试这个：

input[type="submit"].btn
    {

         border:none;
         background-color:red;

    }

【讨论】：

那行得通。为了兼容性，我将改用此方法。谢谢！

【解决方案3】：

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

【讨论】：

你确定吗？对我来说，它似乎在 IE8 中工作。是否有其他方法可以为 IE 中的所有按钮设置样式？
我的意思是 IE 6,7 - 8 可能很好地支持它们，但旧版本肯定不支持。在这些浏览器中，没有通过元素属性选择元素的纯 CSS 方法，您始终可以将 class="submit" 应用于所有提交按钮，然后将样式应用于 .submit。
感谢您的信息。我想我会创建一个提交类然后使用它。