组合应用于 ASP 控件的 CSS 样式答案

【问题标题】：Combine CSS styles applied to ASP controls组合应用于 ASP 控件的 CSS 样式
【发布时间】：2014-07-03 19:04:44
【问题描述】：

我在 ASP Web 窗体应用程序上使用 DevExpress 控件。我想为我的按钮设置不同的禁用样式，所以我创建了一些样式：

.dxmLite_Moderno .dxm-disabled, .dxmLite_Moderno .dxm-disabled a.dx {
    color: rgb(1, 211, 211);
    border-style: none !important;
    height: 36px;
    padding-top: 2px;
}
.red {
    color: rgb(255, 0, 0) !important;
}
.blue {
    color: rgb(0, 255, 0) !important;
}

如果按钮被禁用，则首先覆盖按钮样式。其次是覆盖按钮：

<dx:MenuItem ItemStyle-CssClass="red" Text="D" ItemStyle-Width="104" Name="I">

ItemStyle-CssClass 称为“红色”。

现在的问题是 - 可以通过以下方式组合这些 CSS 样式：

如果按钮被禁用并且红色 => 具有红色样式
如果按钮已启用且红色 => 我不想要任何样式
如果按钮被禁用并且蓝色 => 具有蓝色样式
如果按钮启用且蓝色 => 我不想要任何样式

我问是因为现在的情况是，如果我启用/禁用红色按钮，它始终是红色样式的颜色。

【问题讨论】：

如果你不关心小于9的IE，看看这个thread
它并没有解决问题，但如果您使用标准控件，这是一个很好的可能性

标签： html css asp.net

【解决方案1】：

重要的是你有错误的蓝色定义颜色。

第二次从 css 中删除任何 !important。

最后将 dxm-disabled 类与您的颜色类结合起来：

.dxmLite_Moderno .dxm-disabled.red {
    color: #f00;
}
.dxmLite_Moderno .dxm-disabled.blue {
    color: #00f;
}

我为您创建了演示： http://jsfiddle.net/YQG9B/1/

【讨论】：

蓝色定义定义蓝色按钮（它们有蓝色背景），而不是文本或标题颜色。 ( ͡º ͜ʖ͡º)