jquery - 需要自定义jquery tabs 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:

$("#tabs").tabs();

谁能帮我做这件事

Answer 1

也许您在某些时候更改了默认 CSS，因为默认情况下这是选项卡的样式。检查这个 Demo Fiddle

隐藏事件选项卡底部边框的样式是这样的:

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