Блог

Здесь я задал правую границу (1px solid # 000) для menu1, а левую границу — для menu2.

Проблема в том, что таким образом выпадающее меню принимает атрибуты главного меню и имеет только правую границу.

Как я могу 1) Вообще не иметь границ в выпадающем меню? 2) есть выпадающее меню с границами? (сверху, слева, справа и снизу)

Вот меню: http://jsbin.com/tifuhute/30 /

Вы можете использовать jQuery для изменения функциональности границ. Я бы посоветовал вам использовать функции addclass и removeclass в jQuery.

Узнайте, как их использовать ниже:

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

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

1: Поскольку кажется, что ссылки имеют границу, вы можете добавить это правило css в меню1, чтобы ссылки в выпадающих меню не имели границы:

 .menu1 ul a{
      border: none;
}
  

2: Я не уверен, чего вы хотите. Если вам нужно все выпадающее меню с границами, вы можете добавить это правило css, например:

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

Я попробовал эти правила css, и они, похоже, работают нормально