Apply CSS to <select> and <option> tag in angular

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?