I have a sleek menu design with rounded buttons, and I am looking to extend the same style to the dropdown list. I have experimented with various approaches but there are two specific issues that I need assistance with:
1. Achieving rounded corners similar to those of the buttons.
2. Creating a solid color appearance instead of an animated effect.
Below is an image displaying the buttons and the dropdown:
Currently, this is how the list is styled:
#topNav .right #categoryButton {
margin-top:5px;
border:3px solid #fff;
background-color:#303030 ;
text-transform:uppercase;
color: #fff;
height:50px;
width:220px;
outline: none;
}