在aspx页面的简易响应选项卡中格式化活动选项卡

时间:2013-10-09 11:06:42

标签: javascript jquery asp.net css

我在我的asp.net项目中使用easy-responsive-tabs。我有两个垂直标签(li)

当一个人处于活动状态时,html看起来像这样:

tab-bg-top resp-tab-item resp-tab-active
tab-bg-bottom resp-tab-item 

当其他人处于活动状态时,样式表如下所示:

tab-bg-top resp-tab-item 
tab-bg-bottom resp-tab-item resp-tab-active

我希望在激活时将以下样式应用于底部标签:

border-top: none;border-right: none;border-left:1px #666666 dashed;border-bottom:1px #666666 dashed;
当上方标签处于活动状态时

并跟随样式

border-bottom: none;border-right: none;border-left:1px #666666 dashed;border-top:1px #666666 dashed;

如何将这些样式应用于以下li的

<ul class="resp-tabs-list">
                        <li class="tab-bg-top resp-tab-item resp-tab-active" aria-controls="tab_item-0" role="tab">Jobs</li>
                        <li style="border-top: none;border-right: none;border-left:1px #666666 dashed;border-bottom:1px #666666 dashed;" class="tab-bg-bottom resp-tab-item" aria-controls="tab_item-1" role="tab">Personnel</li>
</ul>

请注意,到目前为止我手动应用了它。

请建议

0 个答案:

没有答案