Javascript 标签中的动态删除边框<；ul>&书信电报；李>；

我必须画一条线，这将根据标签的选择而有所不同。 看看我现在有什么：

看看我需要做什么：

我的主要问题是，我不知道如何使用

：active动态删除边框

请帮帮我。可能不仅仅是css和html？一些javascript

此处的html代码：

  <div class="layout-vbox-panel-item padding-top" style="background: transparent;">
        <ul data-componentname="tabSet" data-role="tabset" class="k-reset k-tabset">
        <li class="k-tab k-active-tab" data-tabindex="0"><span class="k-item">Описание</span></li>
<li class="k-tab" data-tabindex="1"><span class="k-item">Обсуждение</span></li>
<li class="k-tab" data-tabindex="2"><span class="k-item">План</span></li>
<li class="k-tab" data-tabindex="3"><span class="k-item">Файлы</span></li>
<li class="k-tab" data-tabindex="4"><span class="k-item">История</span></li></ul>
    </div>

李的css在这里：

background-color: #F5F5F5;
border: 1px solid #C5C5C5;
border-bottom: 1px solid;
border-radius: 7px 7px 0 0;
color: rgb(192,192,192);
cursor: pointer;
display: inline-block;
font-weight: bolder;
list-style-type: none;
margin: 0 -1px 0 0;
position: relative;

对于李：积极的

background-color: #fff;
z-index: 1;
border-bottom: 1px solid #fff;

设置

在css for

li:active

尝试

 li:active
{
 background-color: #fff;
  z-index: 1;
  border:none;//removed your border-bottom
}

如果您使用的是基于js的选项卡导航，请尝试此功能

$(function(){
    $('ul.k-tabset').on('click','li.k-tab',function(){
        $('ul.k-tabset').find('li.k-active-tab').removeClass('k-active-tab');
        $(this).addClass('k-active-tab');
    });

});

如果您的选项卡正在重新加载页面。用这个

li.k-active-tab{
background-color: #fff;
z-index: 1;
border-bottom: 1px solid #fff;
}

---

在css中为li:active设置border:none无效，因为border:none会删除所有边框。我只需要边框底部：没有，但是，我必须在哪个标签中制作边框？我认为在div中？div代表所有人，您应该将border bottom:none指定给

。如果您写li:active，这意味着li标记不起作用，因为border:none会删除所有边框。我只需要边框底部：没有，但是，我必须在哪个标签中制作边框？我认为在div中？在li标记中给bordr和li:active标记集border-bottom:none

$(function(){
    $('ul.k-tabset').on('click','li.k-tab',function(){
        $('ul.k-tabset').find('li.k-active-tab').removeClass('k-active-tab');
        $(this).addClass('k-active-tab');
    });

});

li.k-active-tab{
background-color: #fff;
z-index: 1;
border-bottom: 1px solid #fff;
}