어떻게 재정의 기본 높이의 탄성 UI combobox

0

질문

나는 사용자 정의하려면의 높이 Task combobox 치 Date Picker. 스타일이지 않을 때 적용을 통해 수행 클래스 또는 인라인 요소입니다.

enter image description here

도했는 인라인 스타일 요소:

 <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 클래스:

enter image description here

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

enter image description here

하는 방법은 없는 스타일 요소에 의해 쓰기 사용자 지정 클래스 또는 인라인 스?

css reactjs sass
2021-11-24 04:31:12
1

최고의 응답

0

에 의해 해결의 높이를 감소시키는 부모 컨테이너 filterContainer. 감 높이의 요소 감싸는 모두 이러한 입력 필드가 있습니다.

.filterContainer{
 height: 37px
}
2021-11-30 07:21:57

다른 언어로

이 페이지는 다른 언어로되어 있습니다

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................