Question

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

请参阅网站。 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;
}

Answer 1

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

试试这个：

文字修饰：无;

可能的值是：

无
强调
划线
直通

Answer 2

这应该有效：

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

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

编辑：尝试

将.main-menu li:hover a更改为.main-menu li:hover > a

并添加以下内容：

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

风格WordPress垂直导航下拉列表

2 个答案: