Background color of drop-down list

[Ilqar]

Hello dear forumers!

I want to change background color of Drop-down list area when I click to select item

in theme.css I modified the code:

/ Select arrow styling /
.anvil-dropdown form:before {
content: “\25BC”;
position: absolute;
right: 0;
font-size: 80%;
line-height: calc(1.8em + 8px);
color: #F2EBE9;
background-color: #243A73;
pointer-events:none;
padding: 4px 4px;
}

input.anvil-component::-webkit-input-placeholder, textarea.anvil-component::-webkit-input-placeholder {
color: rgba(36, 58, 115, 1);
}
input.anvil-component::-moz-placeholder, textarea.anvil-component::-moz-placeholder {
color: rgba(36, 58, 115, 1);
}
input.anvil-component::placeholder, textarea.anvil-component::placeholder {
color: rgba(36, 58, 115, 1);
}

but it not modified colors

Any ideas?

[james.patrick]

I would inspect the element to get the identifier for the background, then create a role with just the background colour as a setting and use that role for the component.

[Ilqar]

Element is Background of Dropdown - I cannot find element in theme.css

I want ot change this Grey Area

[Ilqar]

I understand
Grey color due to Dark mode on my Mac)
It is not relate to Anvil