需要自定义jquery选项卡css

Question

您好我在这里使用了jquery标签，然后我的输出就像

我需要得到（需要删除选定标签下面的行）

我的代码就像

的CSS：

<script type="text/css">
    body {
        background-color: #eef;     
    }
    #tabs {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }
</script>

布局：

<div id="tabs" style="min-height:200px;">
            <ul>
                <li><a href="#mission">Mission</a></li>
                <li><a href="#vision">Vision</a></li>
                <li><a href="#noticeBoard">Notice Board</a></li>
            </ul>
            <div id="mission">
                <p>${homePage.mission}</p>
            </div>
            <div id="vision">
                <p>${homePage.vision}</p>
            </div>
            <div id="noticeBoard">
            </div>
        </div>

JS：

$（ “＃选项卡”）的选项卡（）;

任何人都可以帮我这么做吗

Answer 1

也许你在某些方面改变了默认的CSS，因为默认情况下这是标签的样式。选中 Demo Fiddle

隐藏活动标签的底部边框的样式是：

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
     margin-bottom: -1px; padding-bottom: 1px;
}