Как установить радиус рамки и дизайн муравья

Question

Я использую Ant Design и не могу понять, как изменить форму входа в систему имя пользователя и пароль в поле border-radius.

Вот ссылка на данную форму авторизации. https://codesandbox.io/s/rx2qf

Answer 1

Отметьте это в своих документах https://ant.design/docs/react/customize-theme#Ant -Design-Less-переменные

Вы можете установить @ border-radius-base , если вы используете less

Если не просто установить его самостоятельно в css файле

.ant-input-affix-wrapper {
   border-radius: 5px;   // or other value
}

Answer 2

Set borderRadius со встроенным стилем будет работать

style={{borderRadius: '10px'}}

<Input
  prefix={<LockOutlined className="site-form-item-icon" />}
  type="password"
  placeholder="Password"
  style={{borderRadius: '10px'}}
/>