在AJAX Control Toolkit中设置所选样式 - TabContainer

Question

我在我的页面中使用tabContainer，并设置了HeaderTemplete - 例如：

<cc1:TabContainer ID="TabContainer1" runat="server" CssClass="tab">

        <cc1:TabPanel ID="ListView" runat="server" HeaderText="List View">
        <HeaderTemplate>
            <asp:Label style="padding:2px;" Width="100px" ID="ListHeader" runat="server" 
                CssClass="tdheader" Text="List View"></asp:Label>
        </HeaderTemplate>
            <ContentTemplate>
           </ContentTemplate>
        </cc1:TabPanel>
        <cc1:TabPanel ID="MapView" runat="server" HeaderText="Map View">
        <HeaderTemplate>
            <asp:Label style="padding:2px;" Width="100" ID="Label1" runat="server" CssClass="tdheader" Text="Map View"></asp:Label>
        </HeaderTemplate>
            <ContentTemplate>
            </ContentTemplate>
        </cc1:TabPanel>
        </cc1:TabContainer>

如何设置“活动”选项卡的样式，即我希望活动选项卡为蓝色，其余选项卡为灰色。

Answer 1

在选项卡的CSS类中，使用ajax__tab_active类。查看the Tabs example page以获取可应用于Tabs控件的CSS类列表。

我从Matt Berseth's site获取了标签主题，并在示例代码中使用了这些类。