CODEWITHSUNDEEP
htmlcssasp.net
boski
boski

Reputation: 1146

Combine CSS styles applied to ASP controls

I am using DevExpress controls on ASP Web Forms Application. I would like to have different disabled styles for my buttons, so I've created some styles:

.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;
}

First override style of button if it's disabled. Second is overriding buttons which have:

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

ItemStyle-CssClass called 'red'.

Now question is - it's possible to combine those css styles in way:

I am asking because now situation looks like if I have enabled / disabled button red it's always color of style red.

Upvotes: 0

Views: 142

Answers (1)

WooCaSh
WooCaSh

Reputation: 5212

What is important you have wrong blue definition color.

Second remove any !important from css.

And finally combine dxm-disabled class with your colors class:

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

I create the demo for you: http://jsfiddle.net/YQG9B/1/

Upvotes: 1

Related Questions