Как изменить ширину текстовой области при использовании тега TextArea

Question

В библиотеке antd, внутри класса с именем ant-input, поле с именем 350px !important исправило width из textarea в 350px, и я не могу перезаписать это поле.

Я искал документ, предоставленный antd https://ant.design/components/input-cn/,, и они не предоставляют API, который позволяет мне изменять ширину.

.ant-input {
  color: var(--text-primary-color) !important;
  font-family: var(--text-primary-font-family);
  box-shadow: none;
  width: 350px !important;
  height: 50px;
  box-shadow: none;
  border: 1px solid var(--input-box-border-color) !important;
  border-radius: 0px;
}

Я ожидаю перезаписать widthзначения по умолчанию, но !important не позволяет мне сделать это.

Answer 1

Пожалуйста, попробуйте просто передать аргумент стиля как:

<Input.TextArea style={{ width: 500 }} />

Смотрите здесь: https://codesandbox.io/embed/cocky-hugle-e9eu1