Make your own customized dropdown menu in HTML and CSS!
- markcholloway0304
- Jun 17, 2023
- 1 min read
Updated: Jun 22, 2023
So... How to make your own customized dropdown menu in HTML and CSS, No javascript? That is possible without javascript, Most people know that you can customize a dropdown menu. If you are new to HTML and CSS. A dropdown menu is like this.
Code - HTML:
<select>
<option>This is a select tag that you put option tags</option>
<option>Use select tag to put a dropdown menu</option>
<option>Use option tag to make a option to your dropdown menu</option>
</select>
Now let's customize our dropdown menu.
First, CSS, CSS is from the <head> element. Put <style> to put in CSS.
Code - CSS:
background: red;
border-radius: 6px;
color: white;
}
Or it still works when you put in :hover from it!
#dropdownmenu:hover {
background: black;
}
Now let's see! We already put the html in there, But don't forget!
# - ID
. - class
No # or No . - HTML tag
Put ID/class to <select> tag.
Example:
<select id="dropdownmenu">
Preview:
All done! Look at our Next trick from our Blog!!!
Comments