ant design change select background color when disabled

Question

I am trying to change the background color of a select drop down when disabled.

I was testing with: .ant-select-disabled .ant-select-selection{background-color: red} with no luck. For example, on regular inputs I got it to work: .ant-input:disabled{background-color: red}

This is for VueJS

Selectors are correct. Try !important, may be you have styles which override. — Fatemeh Qasemkhani, Nov 09 '20 at 08:18

score 0 · Answer 1 · answered Nov 12 '21 at 11:18

0

Hi you can use styles in the Select drop down

<Select
   style={
     backgroundColor: "red",
   }
>
        .....
              
</Select>

answered Nov 12 '21 at 11:18

dulanwirajith

1
2

score 0 · Answer 2 · edited Aug 10 '22 at 06:05

0

you can use this; this works for me.

.ant-select-selection-item{
   background-color: red;
}

edited Aug 10 '22 at 06:05

vimuth

5,064
33
79
116

answered Aug 04 '22 at 20:23

Ratan

1

score 0 · Answer 3 · answered Aug 05 '22 at 07:28

0

You can use dropdownStyle prop on Select to style it.

answered Aug 05 '22 at 07:28

Furkan Gökmen

81
5

ant design change select background color when disabled

3 Answers3