在我的站点上的选项卡上,只有其自身的实际文本可以单击。我想做的是使整个块可单击。
在“关于我”选项卡上被调用的类是“菜单项菜单项类型自定义菜单项对象对象自定义菜单项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/