如何在React的基本html select元素中设置下拉UI的样式？

<select style={{backgroundColor: 'lightblue', color: 'white'}}>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>

// styles.css
.selectStyle {
  background-color: lightblue;
  color: white;
}

// React component
import React from 'react';
import './styles.css';

function MyComponent() {
  return (
    <select className="selectStyle">
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
    </select>
  );
}

npm install react-select

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

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

function MyComponent() {
  return (
    <Select options={options} />
  );
}