Search code examples
reactjsant-design-pro

How to set border radius ant design


I am using ant design and cant figure out how to change login forms username and password box border-radius.

Here is a link to the login form in question. https://codesandbox.io/s/rx2qf


Solution

  • Set borderRadius with inline style would work

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

    enter image description here