How to change Dropdown widget background-color with an additional style class...

Trying to change the default background color of the Dropdown widget, tried inline css and adding a new style class and none of them is working, any suggestion?

Found a solution:

select.dropdown-display.dropdown.myClass{
    background-color: #efe4b0;
}
mvp_badge
MVP

Hi Ricardo,

For the mentioned use-case, you have to define an additional custom style class (e.g. customDD) in the dropdown widget Style Classes property as shown below and deinfe the newly introduced style class definition in the screen/web block stylesheet section.

check this sample screen: custom Dropdown (Traditional Web App)


CSS Snippet:

.customDD {
    background-color: yellow;
    color: red;
    font-size: 20px;
    font-weight: bold;
}


Hope this helps you!


Kind regards,

Benjith Sam

Found a solution:

select.dropdown-display.dropdown.myClass{
    background-color: #efe4b0;
}
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.