关于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",自定义样式就出来了。