วิธีที่จะใช้แทนค่าปริยายความสูงขอเปิดส่วนติดต่อผู้ใช้ของกล่องคอมโบ

ฉันต้องการจะปรับความสูงของ Task กล่องคอมโบเพื่อตรงกับ Date Picker. รูปแบบไม่ได้สมัครตอนจบลงที่ธุรกิจชั้นเรียนหรือย่อในบรรทัดเอกสาร.

ฉันพยายามแสดงในตัวจดหมาย message status styling องธาตุที่:

 <EuiFormRow className={FilterStyles.taskFilerContainer}>
        <EuiComboBox
          fullWidth={true}
          placeholder="Task"
          options={tasks}
          selectedOptions={selectedOption}
          onChange={(v) => handleChange(v)}
          isClearable={true}
          compressed={false}
          rowHeight={60}
          style={{ height: "40px" }}   <----- Here
          className="task"
        />
      </EuiFormRow>

ยังพยายามเพิ่ม !important แต่ไม่มีประโยชน์หรอก
แต่ฉันสามารถใช้แทนที่รูปแบบในเบราว์เซอร์ด้วยตนเองโดย styling ง euiComboBox คลาส:

.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
    padding-right: 58.125px;
    height: 40px; <-- Here
}

มันมีทางที่จะสไตล์ของอีลีเมนต์ด้วยการเขียนกำหนดเองเรียกย่อในบรรทัดเอกสารหรือสไตล์?