How to change RadTabStrip's RadTab hover color

1 posts, 0 answers
  1. 章民
    章民 avatar
    20 posts
    Member since:
    Oct 2012

    Posted 01 Nov 2017 Link to this post

    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>

Back to Top