具有非输入元素(如ant-select / ant-btn )的ant-ant group-addon

Question

如何将ant-input-group-addon与非输入元素(如ant-select和ant-btn )结合使用？我正在寻找样式HTML/CSS解决方案，但没有反应。

Answer 1

ant-input-group-compact做到了这一点：

​

​

<span class="ant-input-group ant-input-group-compact">

<span class="ant-input-group-addon" style="width:150px;">
<i class="anticon anticon-folder"></i> ant-input-group-addon
</span>

<input type="button" class="ant-btn ant-btn-sm" value="Button 1" style="width: 20%;">

<input type="button" class="ant-btn ant-btn-sm active" value="Button 2" style="width: 30%;">

<Select class="ant-select ant-select-selection ant-input-group">
<Option value="Select">Select</Option>
</Select>

</span>