Question

我在ASP Web Forms Application上使用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名为'red'。

现在的问题是 - 可以将这些css样式组合起来：

如果按钮被禁用且红色=＆gt;风格红色
如果启用了按钮且红色=＆gt;我不想要任何风格
如果按钮被禁用且蓝色=＆gt;有蓝色风格
如果按钮是enabld而且蓝色=＆gt;我不想要任何风格

我在问，因为现在情况看起来如果我启用/禁用按钮红色它总是颜色为红色。

Answer 1

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

其次从css中删除任何！important 。

最后将 dxm-disabled 类与您的颜色类合并：

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

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

结合应用于ASP控件的CSS样式

1 个答案: