Как можно расширить элемент управления формы MaterialUI, если значение не было выбрано? - PullRequest
Новая
       4

Как можно расширить элемент управления формы MaterialUI, если значение не было выбрано?

0 голосов
/ 13 марта 2020

У меня есть попытка добавить компонент с определенным выбором в раскрывающемся меню. По какой-то причине это действительно слилось воедино, и я не уверен, как увеличить ширину

Также не уверен, как изменить размер шрифта для «Атрибутов», попытался поместить <FormControl style={{fontSize: 12}} />, но это не t работа

песочница: https://codesandbox.io/s/busy-matsumoto-gpgwn

Компонент 

    <div className={styles.attributeFields}>
      <FormControl variant="outlined">
        <InputLabel id="demo-customized-select-label">Attributes</InputLabel>
        <Select
          labelId="demo-customized-select-label"
          id="demo-customized-select"
        >
          <MenuItem value="">
            <em>None</em>
          </MenuItem>
          <MenuItem>ID</MenuItem>
          <MenuItem>PSA</MenuItem>
          <MenuItem>ExternalID</MenuItem>
        </Select>
      </FormControl>
    </div>

И CSS

.attributeFields {
  /* display: inline; */
  width: 100% !important;
  padding-top: 1.75rem !important;
  display: inline-flex !important;
  padding-left: 3% !important;
  padding-bottom: 1rem !important;
}

1 Ответ

0 голосов
/ 13 марта 2020

Добавление на фиксированный, что мне нужно 

<FormControl style={{ minWidth: '45%' }} />
...