Core Code
Core Code Modern Dev Handbook

CSS Dropdown With Icon

Dropdown triggers can include icons.

Preview

Code

<style>
.dropdown{
position:relative;
display:inline-block;
}

.menu{
display:none;
position:absolute;
background:#e9d5ff;
padding:10px;
}

.dropdown:hover .menu{
display:block;
}
</style>

<div class="dropdown">
Menu ▼
<div class="menu">Dropdown item</div>
</div>

More CSS Dropdowns Examples (8)

example CSS Basic Dropdown open example example CSS Hover Dropdown open example example CSS Dropdown Menu List open example example CSS Dropdown Button open example example CSS Right Aligned Dropdown open example example CSS Card Style Dropdown open example example CSS Navbar Dropdown open example example CSS Animated Dropdown open example