Css 样式WordPress垂直导航下拉列表

如何从下拉菜单中删除标签下的白色边框？我只希望它在下拉项悬停时出现

请参阅网站。www.velnikolic.com/music需要输入更多才能降低限制

当前CSS

/* Navigation --------------------------------------- */
.main-menu li {
    display: block;
    font-weight: 10000;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    text-align:center;
    padding:15px 70px;
    margin-bottom:1px;
}

.main-menu li:hover {
    display: block;
    background:black;
    color:white;
}

.main-menu li:hover  a{     
    color:white;
    border-bottom: 2px solid white;     
}

ul.main-menu a {
    margin-left: 0px;
    text-align: center;  
}

.main-menu > li:first-child { margin-top: 0; }

.main-menu ul { margin-left: 20px; }

.main-menu a { color: #999; 
text-align:center;
}

.main-menu li a:hover,.main-menu li a:focus {
    color:white;
}
.main-menu .current-menu-item > a,
.main-menu .current_page_item > a { color: white; }

li.current-menu-item{
    background:black;
    color:white;
}

.main-menu .current-menu-item:before,
.main-menu .current_page_item:before {
    /*content: '\f405';
    display: block;
    font: 16px/1 "Genericons";
    color: #019EBD;
    position: absolute;
    top: -1px;
    left: -20px;*/
}


/* -------------------------------------------------------------------------------- */
/*  User-Added-1. Drop Down Menu
/* -------------------------------------------------------------------------------- */

ul.sub-menu{
    display: none;
}

li:hover .sub-menu {
    background: #34495e;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 180px;
    top: -1px;
}

---

你一定是在谈论文字装饰属性

试试这个：

文字装饰：无

可能的值为：

无
下划线
上划线
行到

这应该可以：

ul.main-menu a
{
    border-bottom: 0;
}

ul.main-menu a
{
    border-bottom: 2px solid white;
}

编辑：尝试

更改

。主菜单li:hover a

为

。主菜单li:hover>a

并添加以下内容：

.main-menu li:hover a
{
    color: white;
}

---

你说的“标签下的白色轮廓”是什么意思？让我试着澄清一下。我在

项的悬停处添加了一个白色边框。但是，我只希望它在您实际悬停a

时显示。它当前显示在所有的下拉菜单

，即使它们没有悬停。主菜单li：悬停a{颜色：白色；边框底部：2px纯白；}