PDA

View Full Version : Overring Over Style of Toggle Button



bak2006
8 Dec 2009, 1:23 PM
Hi all,
I want to override all styles of some toggle buttons. I've set a style name for this button "my-button"
and added this class to App.css file

.my-button .x-btn-tl,.my-button .x-btn-tr,.my-button .x-btn-tc,.my-button .x-btn-mr,.my-button .x-btn-ml,.my-button .x-btn-mc,.my-button .x-btn-bl,.my-button .x-btn-br,.my-button .x-btn-bc{
background:none;
width:0px;
height:0px;
padding: 0px 5px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
background-color: Green;
cursor: pointer;
}

And it worked :)


The problem is with Over style, I've tried the following code but didn't work:

.my-button .x-btn-over .x-btn-mc{


background-color: #C3D9FF !important;
padding: 2px !important;
border: 2px solid transparent !important;
border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205) !important;

}

I think there is a problem with the selector!

Any help?!

Regards,
Bassam