Я хочу настроить высоту Task
комбинированный набор, соответствующий Date Picker
.
Стиль не применяется, когда выполняется с помощью класса или встроенного.
Я попробовал встроенную стилизацию элемента как:
<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
но бесполезно.
Однако я могу переопределить стиль в браузере, вручную изменив стиль euiComboBox
класс:
.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
padding-right: 58.125px;
height: 40px; <-- Here
}
Есть ли какой-либо способ стилизовать элемент, написав пользовательский класс или встроенный стиль?