Het maken van een vervolgkeuzeknop (ook bekend als dropdown button) in CSS kan niet alleen worden bereikt met CSS. Het vereist ook wat HTML en JavaScript. Hier is een basisvoorbeeld over hoe je het kunt doen:
HTML structure:
```
CSS styles:
```
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown-btn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropdown-btn:hover, .dropdown-btn:focus {
background-color: #3e8e41;
}
```
In dit voorbeeld tonen we en verbergen we het vervolgkeuzemenu door te spelen met de “display” eigenschap in CSS. We toon het menu wanneer er met de muis over de .dropdown container wordt bewogen.
