如何在悬停菜单上更改边框？

Question

我在这里给了menu1一个右边框（1px solid＃000），在menu2上给了一个左边框。

问题在于下拉菜单采用主菜单的属性并且只有一个右边框。

我该怎么办？ 1）下拉菜单上根本没有边框？ 2）有带边框的下拉菜单？ （上，左，右和下）

以下是菜单：http://jsbin.com/tifuhute/30/

Answer 1

您可以使用jQuery更改边框功能。我建议你在jQuery中使用addclass函数和removeclass函数。

了解如何在下方使用它们：

http://www.w3schools.com/JQuery/html_addclass.asp

http://www.w3schools.com/jquery/html_removeclass.asp

Answer 2

1：由于链接是带边框的链接，您可以将此css规则添加到menu1，以便下拉菜单中的链接没有边框：

.menu1 ul a{
      border: none;
}

2：我不确定你想要什么。如果您希望整个下拉菜单包含边框，则可以添加此css规则，例如：

.menu1 ul{
      border: 1px black solid;
}

我尝试了这些css规则，它们似乎工作正常