1、多选的时候可以全部显示出来
2、选完后就收起来一行显示了 ,多余的不在显示
3、样式方法如下
.multipleAction .ant-select-selection--multiple{
width: 200px;
}
.multipleAction .ant-select-selection--multiple .ant-select-selection__rendered {
overflow: hidden;
}
.multipleAction .ant-select-selection--multiple .ant-select-selection__rendered ul {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
float: left;
}
.multipleAction .ant-select-selection--multiple .ant-select-selection__choice {
float: none;
overflow: visible;
}
.multipleAction .ant-select-selection--multiple .ant-select-search--inline {
float: none;
position: absolute;
}
.multipleAction .ant-select-selection--multiple {
max-height: 32px;
overflow: hidden;
}
动态的class名称,设置获取焦点和失去焦点就可以实现这个功能了呦!