关于AjaxControlToolkit的样式问题!

技术文章一直都是转载的,从来没有自创过.终于遇到AjaxControlToolkit,看了不少文章,不得其要,项目又逼的紧,无奈花了两个半天的时间研究...

        首先看Ajax TabContainer的结构:

            <div class="ajax__tab_xp ajax__tab_container ajax__tab_default">
              <div class="ajax__tab_header" id="XXX">
                <span class="ajax__tab_active" id="XXX">
                    <span class="ajax__tab_outer">
                        <span class="ajax__tab_inner">
                            <span class="ajax__tab_tab" idXXX">综合要闻</span>
                        </span>
                    </span>
                </span>
              </div>
              </div>

        这是html下的结构.

        其实原理很简单,根据每一个class写样式就可以了,网上很多这些例子,就不写了.但有一点非常重要,第一个<div class="ajax__tab_xp">,这里的"ajax__tab_xp"必须改名,不然系统不会加载自定义的样式.

        在TabContainer控件属性中设置CssClass="Temp__tab_xp",自定义样式就出来了,搞定.