jquery - CSS 下拉菜单样式

Question

在下面的示例中，我如何去掉分隔每个菜单项的水平边框，但保持事件菜单的整体外边框:

http://jsfiddle.net/tdJnS/

像这样:

Answer 1

从 li -> a 中移除 border-top。

参见 DEMO 这里

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 a,
ul#navmenu-h li.iehover a
{
 /*border-top: 1px solid #EEEEEE;*/  <-- Commented
 ...
 ...

编辑:

如果您向 ul 添加边框并删除 margin-left: -1 和 margin-top: -1，它应该可以工作来自 li > a。

另请注意，移除边距会给您带来与之前不同的感觉。

DEMO 这里

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

并在下方评论，

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;*/