RadAlert OK hover

[Annette]

I can't get the "OK" button on the rad alert hover to change.  I checked the CSS and skins with no luck.

[Shinu]

Hello Annette,

I am not quite sure about the the CSS style that you are using and this issue may be because you may override the default CSS class for the RadWindow.

Please take a look at the following documentation and check with your CSS
RadWindow CSS Classes and Their Use

Thanks,
Shinu.

[Annette]

I tried changing the .rwPopupButton:hover but it didn't make any difference.

[Shinu]

Hello Annette,

I have tried to override the CSS like below and that changed the hover style as expected.
CSS:

.rwPopupButton:hover .rwInnerSpan
       {
           color:Red;
       }

Please make a double check with yours.
Thanks,
Shinu.

[Annette]

That only changes the color of the text.  I'm trying to change the background color.

[Marin Bratanov]

Hello Annette,

As the previous post suggested - the button is rendered with some span elements, so you should style them, too. You need to also modify the background image according to your preferences. The exact CSS rules you need may vary depending on the skin you are using. These are the most probable reasons your initial approach didn't work.

For your convenience I have attached a simple page illustrating the approach. In it I remove the background image and set some rules to the :hover and :active pseudoclasses.


Greetings,
Marin
the Telerik team