antd - how to change the color of select in ant-design?

Question

My problem:

when I use the ant-design

I want to change the color of select when I hover&focus this select menu!

but it doesn't work!

before

after

I tried to rewrite lots of code about this, but it doesn't work!

ant-select-selector:hover{
     border-color:1px solid red;
}

Answer 1

It should be border with an !important override. Include also the focus-within selector

.ant-select-selector:hover, .ant-select-selector:focus-within {
  border: 1px solid red !important;
}