question

Jaison-6422 avatar image
0 Votes"
Jaison-6422 asked YuZhou-MSFT commented

Edge Dropdown styles

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

ms-edge
· 2
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Please find the screenshot for reference,

103768-image.png


0 Votes 0 ·
image.png (178.9 KiB)

Hi @Jaison-6422

May I know whether your issue has been solved or not? If not, please share it in here. We can work together to figure it out.

Regards,
Yu Zhou

0 Votes 0 ·

1 Answer

YuZhou-MSFT avatar image
0 Votes"
YuZhou-MSFT answered YuZhou-MSFT commented

Hi @Jaison-6422

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



wzpsa.png (31.2 KiB)
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.