Tabpanel标题active样式修改

Tabpanel标题active样式修改

做出来后的效果如下：

 

用到的图：

把图片添加到项目中，

在.jsp页面的ext-all.css定义后，添加

<STYLE type="text/css">
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
 background-position: 0 0;
 background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg);
 
}
.x-tab-strip-top .x-tab-strip-active .x-tab-left {
 background-position: right -300px;
 background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg);
 
}
.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
 background-position: 0 -150px;
 background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg);
}
</STYLE>

即可.

 

http://fireinjava.javaeye.com/blog/543341