ant-design/components/input/demo/borderless-debug.md

---
order: 98
title:
  zh-CN: Style Debug
  en-US: Style Debug
debug: true
---

## zh-CN

Buggy! 测试一些踩过的样式坑。

## en-US

Buggy!

```tsx
import { Input } from 'antd';
import React from 'react';

const { TextArea } = Input;

const App: React.FC = () => (
  <div style={{ backgroundColor: 'rgba(0, 0, 128, .2)' }}>
    <Input placeholder="Unbordered" bordered={false} />
    <Input placeholder="Unbordered" bordered={false} size="large" />
    <TextArea placeholder="Unbordered" bordered={false} />
    <TextArea placeholder="Unbordered" bordered={false} allowClear />
    <Input placeholder="Unbordered" bordered={false} allowClear />
    <Input prefix="￥" suffix="RMB" bordered={false} />
    <Input prefix="￥" suffix="RMB" disabled bordered={false} />
    <TextArea allowClear style={{ border: '2px solid #000' }} />
  </div>
);

export default App;
```