Ako je prepísať predvolené výška Elastické UI combobox

0

Otázka

Chcem prispôsobiť výšku Task combobox, aby zodpovedali Date Picker. Štýl nie je stále uplatňovať, ak sa vykonáva prostredníctvom triedy alebo inline.

enter image description here

Snažil som inline štýl prvok ako:

 <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>

Tiež sa snažil pridať !important ale žiadne použitie.
Avšak som schopný prepísať štýl v prehliadači manuálne styling euiComboBox trieda:

enter image description here

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

enter image description here

Existuje nejaký spôsob, štýl prvok písomne vlastné triedy alebo inline štýl?

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

Najlepšiu odpoveď

0

Riešiť znížením výšky materskej kontajner filterContainer. Znížená výška prvku balenie obe tieto vstupné polia.

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

V iných jazykoch

Táto stránka je v iných jazykoch

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