Select 单选下拉筛选框标配

怕冷的火焰（~杰）

已于 2024-04-10 10:16:59 修改

阅读量884

点赞数

分类专栏： Antd 文章标签：前端

于 2022-09-20 10:11:56 首次发布

本文链接：https://blog.csdn.net/weixin_50236973/article/details/126947697

版权

Antd 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

// 注：可能会出现搜索的情况，比如初始化选择某一值或者选完后光标离开再重新选中，添加下面的样式可解决
.ant-select-selector {
    position: relative;
    z-index: 1;
}

<Select
    allowClear
    // 搜索
    showSearch
    optionFilterProp="children"
    // 这个是解决下拉框错位问题
    getPopupContainer={triggerNode => triggerNode.parentNode}
    // 多选
    mode="multiple"
>
    <Option value={1}>11</Option>
</Select>