如何设计react-select组件的样式，使其与某些文本内联？

npm install react-select

yarn add react-select

import Select from 'react-select';

const customStyles = {
  control: (provided, state) => ({
    ...provided,
    width: '200px',
    border: '1px solid gray',
    borderRadius: '4px',
    backgroundColor: state.isFocused ? 'lightblue' : 'white',
    boxShadow: state.isFocused ? '0 0 0 1px lightblue' : 'none',
  }),
  // 其他样式属性...
};

const options = [
  { value: 'option1', label: 'Option 1' },
  { value: 'option2', label: 'Option 2' },
  // 其他选项...
];

const MyComponent = () => {
  return (
    <div>
      <span>某些文本</span>
      <Select options={options} styles={customStyles} />
    </div>
  );
};