Change Cursor on hover of Selected Tab

[Mallikharjun Mulagundla]

Hi,

I am using Tab Strip. There are 2 tabs in that. I wanted to distnguish between selected & Non-Selected Tabs. So, I wanted to change the cursor style(from hand symbol to none) on the hover of Selected Tab.

I have tried the "SelectedCssClass " property as follows.

   cursor

 

 

:none !important;

 

This is working well except one scenario. ie, when I hover my mouse from unselected Tab to Selected Tab, These changes are not getting applied. 

 

 

 

 

Help me to get this resolved.

Thanks, Malli

[Yana]

Hi Mallikharjun,

I suggest you use the following css style:

div.RadTabStrip .rtsSelected:hover {
  cursor: none;
}

Best wishes,
Yana
the Telerik team

[Mallikharjun Mulagundla]

Hi Yana,

Thanks for quick reply.  I have tried the same, still its not working. can you re-check from your end once,

Thanks, Malli

[Yana]

Hello Mallikharjun,

The problem is that "cursor" should be set to "default", not to "none":

div.RadTabStrip  .rtsSelected:hover {
  cursor: default;
}

Best regards,
Yana
the Telerik team

[Mallikharjun Mulagundla]

Thanks Yana. Its working...