将CSS应用于<select>和<option>标记角度

Question

I want the dropdown list to look something like this.

I am able to apply the hover effect but I cannot figure out how to move the dropdown list/container downwards and also how to make the edges of the container rounded and give specific border

I want a CSS only solution for this, is that even possible?

Answer 1

I want the dropdown list to look something like this.

I am able to apply the hover effect but I cannot figure out how to move the dropdown list/container downwards and also how to make the edges of the container rounded and give specific border

I want a CSS only solution for this, is that even possible?