Question

我知道borderless类会删除菜单项之间的边框，但是我有兴趣删除整个菜单的底部边框。

我尝试在CSS中将border-bottom: 0px none;添加到附加到“用户界面菜单” div的ID上，但是没有效果。

为什么这行不通？谢谢！

Answer 1

您需要在该CSS规则中包括!important。另外，添加box-shadow: none。

.ui.menu {
  border-bottom: 0 none !important;
  box-shadow: none;
}

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.3/dist/semantic.min.css">
<div id="menu" class="ui three item menu">
  <a class="item active">Editorials</a>
  <a class="item">Reviews</a>
  <a class="item">Upcoming Events</a>
</div>

如何从菜单中删除底部边框

1 个答案: