Daysi UI — изменить цвет, icon навигационного меню?

Question

[AlexCruel]

Daysi UI имеет компонент "Navbar". Например, навигационное меню содержит раскрывающийся список с "птичкой".
Вопрос: как сменить эту "птчику" на другую картинку и поменять ей цвет?

Цвет попробовал сменить, открыв панель разработчика и найдя ".menu :where(li > details > summary)::after". Мне кажется, лучше уже самому все сверстать, чем заниматься ковырянием.

Comments

[Вадим]

пример?

[AlexCruel]

<div class="navbar bg-base-100">
  <div class="navbar-start">
    <div class="dropdown">
      <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /></svg>
      </div>
      <ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
        <li><a>Item 1</a></li>
        <li>
          <a>Parent</a>
          <ul class="p-2">
            <li><a>Submenu 1</a></li>
            <li><a>Submenu 2</a></li>
          </ul>
        </li>
        <li><a>Item 3</a></li>
      </ul>
    </div>
    <a class="btn btn-ghost text-xl">daisyUI</a>
  </div>
  <div class="navbar-center hidden lg:flex">
    <ul class="menu menu-horizontal px-1">
      <li><a>Item 1</a></li>
      <li>
        <details>
          <summary>Parent</summary>
          <ul class="p-2">
            <li><a>Submenu 1</a></li>
            <li><a>Submenu 2</a></li>
          </ul>
        </details>
      </li>
      <li><a>Item 3</a></li>
    </ul>
  </div>
  <div class="navbar-end">
    <a class="btn">Button</a>
  </div>
</div>

Answer 1

[STXNE666]

color: red; но оно меняет и птичку и текст

Comments

[AlexCruel]

Птичку :3

[STXNE666]

ul {
  list-style: square url(___.png) inside;
}

Сверстай менюшку сам. и меняй себе как хочешь :D