颜色未应用于语义 UI 中的菜单

我正在使用语义UI创建一个菜单。此菜单应具有彩色背景和文本项。出于测试目的，我添加了green类：

<body>
  <div class="ui stackable green text menu">
    <div class="header item">Site Title</div>
    <div class="ui right text menu">
      <a class="item">Item 1</a>
      <a class="item">Item 2</a>
      <a class="item">Item 3</a>
    </div>
  </div>
</body>

将显示菜单及其项目，但没有应用绿色。

这是关于 codepen.io 的演示。

这并不明显，但您需要添加"反转"类才能应用颜色：

<body>
  <div class="ui stackable green inverted menu">
    <div class="header item">Site Title</div>
    <div class="ui right text menu">
      <a class="item">Item 1</a>
      <a class="item">Item 2</a>
      <a class="item">Item 3</a>
    </div>
  </div>
</body>

相关内容

最新更新

热门标签：