更改combobox下拉菜单上的突出显示颜色

<div class="combobox">
  <select>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
  </select>
</div>

/* 更改下拉菜单的背景颜色 */
.combobox select {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 8px;
}

/* 更改选中项的背景颜色 */
.combobox select option:checked {
  background-color: #007bff; /* 蓝色 */
  color: white; /* 文字颜色 */
}

/* 更改鼠标悬停时的背景颜色 */
.combobox select option:hover {
  background-color: #0056b3; /* 深蓝色 */
}

import React from 'react';
import Select from 'react-select';

const options = [
  { value: '1', label: 'Option 1' },
  { value: '2', label: 'Option 2' },
  { value: '3', label: 'Option 3' }
];

const CustomSelect = () => (
  <Select
    options={options}
    styles={{
      option: (provided, state) => ({
        ...provided,
        backgroundColor: state.isSelected ? '#007bff' : '#f0f0f0',
        color: state.isSelected ? 'white' : 'black',
      }),
      menuList: (provided) => ({
        ...provided,
        backgroundColor: '#f0f0f0',
      }),
    }}
  />
);

export default CustomSelect;