Question

我在此页面上实现了jQuery UI菜单：http://dormfair.com/about.php

如您所见，网站上的任何地方的边框颜色都是浅蓝色（＃B7DDF2）但是jQuery UI菜单中的边框颜色是灰色的。我一直试图将灰色改为＃B7DDF2长时间无效。我也搜索了网络和StackOverflow。

希望有人可以提供帮助！

.ui-menu { 
    overflow: hidden;
}
.ui-menu .ui-menu {
    overflow: visible !important;
}
.ui-menu > li { 
    display: inline-block;
    width: auto !important;
}
.ui-menu ul li {
    display:block;
    float:none;
}
.ui-menu ul li ul {
    left:20px !important;
    width:100%;
}
.ui-menu ul li ul li {
    width:auto;
}
.ui-menu ul li ul li a {
    float:left;
}
.ui-menu > li {
    margin: 5px 5px !important;
    padding: 0 0 !important;
}
.ui-menu > li > a { 
    float: left;
    display: block;
    clear: both;
    overflow: hidden;
}
.ui-menu .ui-menu-icon { 
    margin-top: 0.3em !important;
}
.ui-menu .ui-menu .ui-menu li { 
    float: center;
    display: block;
}

Answer 1

这应该使边框为蓝色

.ui-widget-content {
    border: 1px solid #B7DDF2; 
}

Answer 2

我能够通过将border: 1px solid #B7DDF2添加到nav的CSS（或.ui-menu ui-widget ui-widget-content ui-corner-all）来修复它：

（CSS）

#nav
{
    border: 1px solid #B7DDF2
}

或

.ui-menu.ui-widget-content
{
    border: 1px solid #B7DDF2
}

Answer 3

您的菜单的边框颜色是从jquery-ui.css中第800行的.ui-widget-content类调用的。你可以从那里修改它。

jQuery UI菜单边框颜色

3 个答案: