Share via

Edge Dropdown styles

Jaison 1 Reputation point
2021-06-09T08:37:49.857+00:00

I have a question on the Edge dropdown styles, why do not dropdown list have a border? It confuses user when the dropdowns are expanded, since no borders to the dropdown list it merges with the background content.
Can somebody help how to have borders for the dropdown list? I have this issue and concern from my users when the application opened in Edge browser.

Any help with CSS is much appreciated.

Best
Jaison

Microsoft Edge
Microsoft Edge
A Microsoft cross-platform web browser that provides privacy, learning, and accessibility tools.
2,538 questions

1 answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. Yu Zhou-MSFT 15,261 Reputation points Microsoft External Staff
    2021-06-10T08:51:03.34+00:00

    Hi @Jaison ，

    The problem exists due to a UI design decision. Edge version 91.0.864.41 decides to use shadow instead of border and this setting affects that.

    In your example screenshot, I don't see the shadow effect. I think there may be some configuration problems. Please try to search Adjust the appearance and performance of Windows in the desktop taskbar search box and check the option Show shadows under windows:

    104166-wzpsa.png

    Then you'll see shadow around the dropdown list, and it won't confuse users. If you don't want to change the setting, you can set a suitable background color for dropdown list options to highlight them in your app.

    If the response is helpful, please click "Accept Answer" and upvote it.
    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    Regards,
    Yu Zhou

    0 comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.