SuPerfish和WordPress:活动颜色问题

时间:2011-11-17 作者:AndrettiMilas

请看一下:http://www.themeforward.com/demo2. 当我将鼠标悬停在带有子菜单(如“模板”)的菜单项上,并将鼠标悬停在子菜单项上时,背景颜色保持不变。。。但文本的悬停颜色不是。

如何在滚动子菜单时使字体颜色保持不变?我在google上搜索了所有的东西,都找不到解决方案。Superfish网站没有提供这个问题的CSS示例,也没有提供关于这个问题的答案。I usually wouldn\'t post this as a question here since it is a CSS question, but I believe it may also be related to a WordPress\' current category feature.

使用此CSS可以获得背景色,但字体颜色的表现方式不同:

.sf-menu > li:hover, .sf-menu > li.sfHover,
.sf-menu > li a:focus, .sf-menu > li a:hover, .sf-menu > li a:active {
    background:     #CFDEFF;
    color:          #222;
    outline:        0;
}
下面是整个CSS:

.sf-menu {
    z-index: 900;
    font-size:13px
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    padding: 5px 10px;
    color:          #FFF;
    text-decoration:none
}
.sf-menu li {
    margin:20px 0 0 20px;
    z-index: 900
}
.sf-menu li li {
    z-index: 900;
    margin:0;
    padding:0;
    background:#DDD;
}
.sf-menu li li li {
    background:     #DDD;
    margin:0;
    z-index: 900
}
.sf-menu > li:hover, .sf-menu > li.sfHover,
.sf-menu > li a:focus, .sf-menu > li a:hover, .sf-menu > li a:active {
    background:     #CFDEFF;
    color:          #222;
    outline:        0;
}

.sf-menu .current-post-ancestor a, .sf-menu .current-menu parent a, .sf-menu .current-page-ancestor a, .sf-menf .current-category-ancestor a, .sf-menu .active_category a, .sf-menu .current-menu-item a { color:#000 }

ul .sub-menu { border:1px solid #DCDCDC }
ul li .sub-menu a { color:#666!important; font-weight:normal; font-size:11px; padding:5px!important }
.sf-menu > li li:hover, .sf-menu > li li.sfHover,
.sf-menu > li li a:focus, .sf-menu > li li a:hover, .sf-menu > li li a:active {
    background: #EEE
}

1 个回复
最合适的回答,由SO网友:Vince Pettit 整理而成

尝试更改以下样式:

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    padding: 5px 10px;
    color:          #FFF;
    text-decoration:none
}
白色文本颜色似乎来自那里。

结束

相关推荐

WordPress自定义SuPerfish CSS问题

可在此处找到问题:http://themeforward.com/demo2/使用“我的菜单”并导航到“功能”>“短代码”>“排版”。注意边框(ul .sub-menu { border:1px solid #000 } ) 将第三级菜单项(排版)下移一个像素。如何消除一个像素间隙,使第三级菜单项正确对齐?这是我的CSS:/*** DEMO SKIN ***/ .sf-menu { float: left; z-index: 900&#