ant design如何设置边框半径

Question

我正在使用 ant design，不知道如何更改登录表单用户名和密码框边框半径。

这里是有问题的登录表单的 link。 https://codesandbox.io/s/rx2qf

Answer 1

使用内联样式设置 borderRadius 会起作用

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

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

Answer 2

如果使用less

可以设置@border-radius-base

如果不是自己在css文件里设置

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

How to set border radius ant design