<input
  type="checkbox"
  checked={isCarChecked}
  onChange={this.handleCarCheckboxChange}
/>
&nbsp;<label>汽车空调</label>&nbsp;
<input
  type="checkbox"
  checked={isRoomChecked}
  onChange={this.handleRoomCheckboxChange}
/>

{isCarChecked && (
  <>
    <label>请选择算法：</label>
    <select>
    <option>汽车空调（基于保有量）</option>
    <option>汽车空调（基于消费量）</option>
    </select><br/>
  </>

 )}

{isCarChecked && (
  <>
    <label>请选择算法：</label>
    <select
      style={{
        font-size: 14px;
        padding: 3px 5px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background-color: #fff;
        margin-top: 10px;
      }}
    >
      <option>汽车空调（基于保有量）</option>
      <option>汽车空调（基于消费量）</option>
    </select>
    <br />
  </>
)}

// 在 CSS 文件中定义样式
.custom-select {
  font-size: 14px;
  padding: 3px 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  margin-top: 10px;
}

// 在组件中使用样式类 import './index.css';
{isCarChecked && (
  <>
    <label>请选择算法：</label>
    <select className="custom-select">
      <option>汽车空调（基于保有量）</option>
      <option>汽车空调（基于消费量）</option>
    </select>
    <br />
  </>
)}