在我的站点上的选项卡上,只有其自身的实际文本可以单击。我想做的是使整个块可单击。

在“关于我”选项卡上被调用的类是“菜单项菜单项类型自定义菜单项对象对象自定义菜单项179”,其他选项卡也是如此,它们的区别在于菜单项编号。

我发现包含选项卡的CSS是“ current-menu-item”。

我查看了以下内容:how to make the whole block clickable?并查看了:block level clickable area not working correctly

我的站点:http://travisingram.net/包含“ current-menu-item”的CSS代码。

.current-menu-item {
    color: #fff !important;
    background-color: #3e3f3f !important;
    border-radius: 3px;
    border: 3px solid #e4b41b;

}
.sf-menu li:hover , /*.sf-menu li.sfHover,*/ .current-menu-item {
    color: #fff !important;
    background-color: #3e3f3f;
    border-radius: 3px;
    border: 3px solid #e4b41b;
}
.sf-menu li ul, .current-menu-item, .sf-menu li:hover, .sf-menu li.sfHover {
    border: none !important
}


感谢您尝试帮助所有人,但没有任何效果。

最佳答案

块不像链接一样起作用的原因是因为它不是链接。与其将li变成供用户单击的矩形,不如对li内的链接进行此操作。在CSS中,将“ a”元素设置为阻止,然后为其指定一些填充。您将可以在其区域内单击。

a{ display:block; padding:10px 20px; }


看这个例子http://jsfiddle.net/NtPAe/

10-06 04:29
查看更多