Я создаю меню с помощью Semantic UI. Это меню должно иметь цветной фон и текстовые элементы. В целях тестирования я добавил класс green: Site Title Item 1 Item 2 Item 3 Меню и его элементы отображаются, но зеленый цвет не применяется. Вот демонстрация на codepen.io.

Вопрос

Цвет не применяется к меню в семантическом пользовательском интерфейсе

Автор вопроса: Robert Strauch26.10.2017Ответов: 1

Я создаю меню с помощью Semantic 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.

semantic-ui

Ответы

Ответ 1 · рейтинг 8 · Alexander Tyapkov

Это не очевидно, но вам нужно добавить "инвертированный" класс для применения цвета:

<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>

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Цвет не применяется к меню в семантическом пользовательском интерфейсе

Ответы

Ответ 1 · рейтинг 8 · Alexander Tyapkov

Похожие материалы