dropdown background color

Change dropdown field background color in ChronoForms.

Overview

The issue occurs because inline HTML attributes for styling do not work on dropdown fields.
Add custom CSS targeting the .nui.select and .nui.select>.menu>.item classes, then set the background-color property to your desired value.

Answered
ChronoForms v8
ad adam M 11 Sep, 2024

how can I change dropdown field background color

on other fields I used HTML Attributes :

style=background-color: ivory

but this code is not working in dropdown field

Thanks for help

si simelas 18 Sep, 2024

add a custom css  with :

.nui.select {    background-color: blue !important;}

.nui.select>.menu>.item {

    background-color: blue;}

ad adam M 18 Sep, 2024

? what that code mean ? where should I put it ?

si simelas 18 Sep, 2024
Answer
1 Likes

add a custom css  with :

.nui.select {    background-color: blue !important;}

.nui.select>.menu>.item {

    background-color: blue;}

then change background-color value as you need  e.g.  blue, ivory, ...   or # 00FFFF for exemple 

This topic is locked and no more replies can be posted.