HTML и CSS раскрывающееся меню курсора

Question

как добавить выпадающий курсор к ссылке учетной записи в коде html ниже. . .

<nav>
    <ul id="menu">
        <li class="home"><a href= "home.html" class="menu" ><h3>Home</h3></a></li>
        
        <li class="news"><a href= "news.html" class="menu" target="_blank"><h3>News</h3></a></li>
        
        <li class="account"><a href= "#"  class="menu dropdown-toggle" target="_blank" data-toggle="dropdown"><h3>Account</h3></a></li> 
   </ul>  
    </nav>  

Answer 1

Есть много способов сделать это. Вот способ использования только CSS и псевдоэлемента ::after.

.dropdown-toggle {
  display: flex;
  align-items: center;
}

.dropdown-toggle::after {
  content: "⬇️";
  margin-left: 10px;
}

<nav>
  <ul id="menu">
    <li class="home"><a href="home.html" class="menu">
        <h3>Home</h3>
      </a></li>

    <li class="news"><a href="news.html" class="menu" target="_blank">
        <h3>News</h3>
      </a></li>

    <li class="account"><a href="#" class="menu dropdown-toggle" target="_blank" data-toggle="dropdown">
        <h3>Account</h3>
      </a></li>
  </ul>
</nav>