This is a migrated thread and some comments may be shown as answers.

How to change RadTabStrip's RadTab hover color

0 Answers 172 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
章民
Top achievements
Rank 1
章民 asked on 02 Nov 2017, 02:19 AM

Does somebody know how to change RadTabStrip's RadTab hover color?

I use the method as below, but do not work.

 <style type="text/css">
  .selectedTab {
   background-position: 0 -26px;
   font-weight: bold;
   font-size: 13px;
   color: lightgreen;
   text-emphasis-color: lightgreen;
  }
  .hoveredTab {
   background-position: 0 -26px;
   font-weight: bold;
   font-size: 13px;
   color: Highlight;
   text-emphasis-color: Highlight;
  }

</style>

        <telerik:RadTabStrip RenderMode="Lightweight" runat="server" ID="RadTabStripMenu" MultiPageID="RadMultiPageMenu" SelectedIndex="0" OnTabClick="RadTabStripMenu_TabClick">
         <Tabs>
          <telerik:RadTab Font-Size="Medium" CssClass="TabItem" SelectedCssClass="selectedTab" HoveredCssClass="hoveredTab" Text="AAA"></telerik:RadTab>
          <telerik:RadTab Font-Size="Medium" CssClass="TabItem" SelectedCssClass="selectedTab" HoveredCssClass="hoveredTab" Text="BBB"></telerik:RadTab>
          <telerik:RadTab Font-Size="Medium" CssClass="TabItem" SelectedCssClass="selectedTab"
         </Tabs>
        </telerik:RadTabStrip>

No answers yet. Maybe you can help?

Tags
TabStrip
Asked by
章民
Top achievements
Rank 1
Share this question
or