News and Announcements icon

Power Platform CommunityForums Power Pages - Design & Build Power Pages - Making D...

Power Pages - Design & Build

Answered

Power Pages - Making Drop-down field box outline visible

(0) Share

Report

Report

Posted on by TM-07042005-0

32

Power Pages - Making Drop-down field box outline visible

For drop down fields, the box outline does not appear until you have the field selected.

Is there a way to make it visible similar to a text input field?

Categories:

Power Page Fields...

All responses Img

All responses (2)

Answers Img

Answers (1)

Jady 125 on at

Like (0)

Report

Power Pages - Making Drop-down field box outline visible

If you use Dev Tools to inspect your code, the HTML tag for your dropdown should include a CSS class="form-control form-select"

It's likely in your CSS, the .form-select class has no border specified, or its border-color is very light.

Include a border attribute such as:

.form-select {
    border: 1px solid #333;
}

and your dropdown element should display with a border.

You could include this in Custom CSS for a particular page, or in a global stylesheet if you want to style all dropdowns the same.
Verified answer

Anupam.khasia 362 on at

Like (0)

Report

Power Pages - Making Drop-down field box outline visible

Hello @TM-07042005-0,

Not sure this is out of box form or custom form. Anyway you can override css for power pages by adding your custom css. You can add your css classes which than eventually applied. You can use border property of css to be applied.

https://learn.microsoft.com/en-us/power-pages/configure/manage-css

Thanks

Anupam

Helpful resources

News and Announcements

Now Available: 2025 Release Wave 2

Welcome to the Power Platform Communities

Quick Links

Leaderboard > Power Pages

#1

Lucas001 60 Super User 2025 Season 2

#2

Fubar 55 Super User 2025 Season 2

#3

surya narayanan 35

Last month Overall leaderboard

Featured topics

Product updates

Microsoft Power Platform Community release plans