React Select how to change hover styles?

Question

css

I have a library for react React-Select . When you hover over the select, it is tinted with gray i.e. hover is gray, how can i put blue on hover?

Answer 1

There is the following structure:

<div class="basic-single css-b62m3t-container">
  <div class="select__control css-1s2u09g-control">
   // ......
  </div>
</div>

You need to add a border-color to the inner block on hover.

.select__control:hover {
    border-color: blue;
}