Disable Hover Highlight On RadToolBarButton

[Phil]

Hi

I have a radToolbar using the Office2007 skin.  When hovering over the buttons a orange highlight appears.  For 1 of the buttons in my toolbar I dont want the orange background.

My button is as follows :

<telerik:RadToolBarButton commandName="status" HoveredCssClass="noHover" tooltip="Initial page state" PostBack="false" ImageUrl="/status_alert.png" />

I have CSS as follows :
<style>
.noHover {
background-image:none !important;
}
</style>

When viewed in browser the .noHover style is applied to my button but the orange background still appears.  How do i stop the orange hightlight appearing ?

Thanks in advance

[Cori]

Hello Stephen,

The background image is applied to specific wrapper inside the button. So change it to this and see if it works:

.noHover .rtbWrap
{
   background-image:none !important;
}

[Cori]

After testing it out, I found that what I posted before doesn't work. The following does:

.noHover .rtbWrap, .noHover .rtbOut, .noHover .rtbIn, .noHover .rtbMid
        {
            background-image: none !important;
        }

I hope that helps.

[Phil]

Hi Cori

thanks for the suggestion but this doesnt work.  It seems to clip a small portion from the bottom of the orange hover background rather than not displaying it at all (see ringed section in attached image.  image also has Firebug open so you can see the HTML).

Any ideas ?

thanks

[Phil]

Hi Cori

That works perfectly !

Thanks for your help.

S