Jquery ui jqueryui删除底部边框

我刚刚使用jQueryUI为两个选项卡创建了一个简单的容器，现在我只想删除它下面的边框。我已经试过多次使用类似问题的信息，但仍然一无所获。下面是正在使用的代码：

<script>
$(function () {
    $("#Tabs").tabs();
});
</script>

<div class="Tabs" id="Tabs">
    <ul>
        <li><a href="#Tabs-1">Background</a></li>
        <li><a href="#Tabs-2">Contact Info</a></li>
        <li><a href="#Tabs-3">Photos</a></li>
    </ul>
    <div class="tabContent">

        <div id="Tabs-1">
           Some content
        </div>

        <div id="bgTabs-2">
           Some content
        </div>

    </div>
</div>

div.Tabs {
height: auto;
width: 625px;
font-size: 18px;
font-weight: bold;

}

.Tabs ul {
margin: 0px;
padding: 0px;
list-style-type: none;
cursor: pointer;
}

.Tabs ul li {
    position: relative;
    display: inline;
    text-align: center;
}

    .Tabs ul li a {
        padding: 0px 15px;
        text-decoration: none;
        text-decoration-color: black;
        text-decoration-style: none;
        border-bottom:none;
    }

即使有底线：没有底线，我还是会得到一个底线。不管我把它放在哪里。 我甚至试过 .ui小部件内容{ 边界：无； }

---

同样，我也搜索过这个网站，但我认为用最简单的形式（如下面的代码）询问这个网站对以后的参考应该有帮助。

我认为使用border:0可以解决您的问题；而不是边界：无；。 尝试使用类似以下内容：

.ui-widget-content {
    border-bottom:0;
}

.ui-widget-content {
    border:0;
}

或者像这样：

.ui-widget-content {
    border-bottom:0;
}

.ui-widget-content {
    border:0;
}

---

这会影响具有ui小部件内容的所有对象。不可接受的