Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery CSS下拉菜单样式_Jquery_Html_Css - Fatal编程技术网

Jquery CSS下拉菜单样式

Jquery CSS下拉菜单样式,jquery,html,css,Jquery,Html,Css,我如何消除根据以下示例划分每个菜单项的水平边框,但保持活动菜单的整体外部边框: 大概是这样的: 从li->a中移除边框顶部 请参见此处的 /*newly added - Change to any color to #EEEEEE if that is what you want */ ul#navmenu-h ul { border: 1px solid black; } CSS以下更改 ul#navmenu-h li:hover li a, ul#navmenu-h li.

我如何消除根据以下示例划分每个菜单项的水平边框,但保持活动菜单的整体外部边框:

大概是这样的:


从li->a中移除边框顶部

请参见此处的

/*newly added - Change to any color to #EEEEEE if that is what you want */
ul#navmenu-h ul    
{
   border: 1px solid black;
}
CSS以下更改

ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
 /*border-top: 1px solid #EEEEEE;*/  <-- Commented
...
...
并在下面评论道

ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
 /*border-top: 1px solid #EEEEEE;
 border-right: 1px solid #EEEEEE;
 border-left: 1px solid #EEEEEE;
 border-bottom: 1px solid #EEEEEE;
  margin-left: -1px; */


ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a
{
 /*border-top: 1px solid #EEEEEE;*/
 /*margin-top: -1px;*/

从li->a中删除边框顶部

请参见此处的

/*newly added - Change to any color to #EEEEEE if that is what you want */
ul#navmenu-h ul    
{
   border: 1px solid black;
}
CSS以下更改

ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
 /*border-top: 1px solid #EEEEEE;*/  <-- Commented
...
...
并在下面评论道

ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
 /*border-top: 1px solid #EEEEEE;
 border-right: 1px solid #EEEEEE;
 border-left: 1px solid #EEEEEE;
 border-bottom: 1px solid #EEEEEE;
  margin-left: -1px; */


ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a
{
 /*border-top: 1px solid #EEEEEE;*/
 /*margin-top: -1px;*/

从以下位置删除边框顶部:

ul#navmenu-h li.iehover li a {
 border-bottom: 1px solid #EEEEEE;
 border-right: 1px solid #EEEEEE;
 border-left: 1px solid #EEEEEE;
 margin-left: -1px; 

 float: none; 
 background: #FFF;
 font-weight: normal;
 font-size: 10px; 
}

从以下位置删除边框顶部:

ul#navmenu-h li.iehover li a {
 border-bottom: 1px solid #EEEEEE;
 border-right: 1px solid #EEEEEE;
 border-left: 1px solid #EEEEEE;
 margin-left: -1px; 

 float: none; 
 background: #FFF;
 font-weight: normal;
 font-size: 10px; 
}

您好,我仍然需要最上面的主菜单项的上边框,所以它看起来像是一个选项卡选择。@JaJ:请参阅我的编辑。基本上为ul添加了边框,并删除了左侧和顶部的边距。您好,我仍然需要最上面的主菜单项的顶部边框,使其看起来像一个选项卡选择。@JaJ:请参见我的编辑。基本上增加了ul的边框,删除了左边和顶部的边距。嗨,除非我遗漏了什么,否则我不会这么做。最后一个输出示例见我的更新(类似于facebook的选项卡菜单)。还有第二个,你也必须删除它。嗨,除非我遗漏了什么,否则它不会这样做。最后一个输出示例(类似于facebook的选项卡菜单)请参见我的更新。还有一个您也必须删除