2016-08-22 09:53:39 +08:00
|
|
|
## zh-CN
|
|
|
|
|
|
2016-06-16 21:15:59 +08:00
|
|
|
输入框的组合展现。
|
2016-05-25 18:21:27 +08:00
|
|
|
|
2017-01-02 00:12:41 +08:00
|
|
|
注意：使用 `compact` 模式时，不需要通过 `Col` 来控制宽度。
|
|
|
|
|
|
2016-08-22 09:53:39 +08:00
|
|
|
## en-US
|
|
|
|
|
|
2020-06-17 10:58:24 +08:00
|
|
|
Input.Group example.
|
2016-08-22 09:53:39 +08:00
|
|
|
|
2017-01-02 00:12:41 +08:00
|
|
|
Note: You don't need `Col` to control the width in the `compact` mode.
|
|
|
|
|
|
2019-12-25 21:48:54 +08:00
|
|
|
```css
|
|
|
|
|
.site-input-group-wrapper .site-input-split {
|
2022-03-09 10:38:02 +08:00
|
|
|
background-color: #fff !important;
|
2019-12-25 21:48:54 +08:00
|
|
|
}
|
2020-03-02 12:24:24 +08:00
|
|
|
|
|
|
|
|
.site-input-group-wrapper .site-input-right {
|
|
|
|
|
border-left-width: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2020-05-09 18:02:18 +08:00
|
|
|
.site-input-group-wrapper .site-input-right:hover,
|
|
|
|
|
.site-input-group-wrapper .site-input-right:focus {
|
2020-03-02 12:24:24 +08:00
|
|
|
border-left-width: 1px;
|
|
|
|
|
}
|
2020-05-01 14:50:35 +08:00
|
|
|
|
|
|
|
|
.site-input-group-wrapper .ant-input-rtl.site-input-right {
|
|
|
|
|
border-right-width: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2020-05-09 18:02:18 +08:00
|
|
|
.site-input-group-wrapper .ant-input-rtl.site-input-right:hover,
|
|
|
|
|
.site-input-group-wrapper .ant-input-rtl.site-input-right:focus {
|
2020-05-01 14:50:35 +08:00
|
|
|
border-right-width: 1px;
|
|
|
|
|
}
|
2019-12-25 21:48:54 +08:00
|
|
|
```
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
[data-theme="dark"] .site-input-group-wrapper .site-input-split {
|
2020-02-24 22:44:29 +08:00
|
|
|
background-color: transparent;
|
2019-12-25 21:48:54 +08:00
|
|
|
}
|
|
|
|
|
</style>
|
