1、多选时候可以全部显示出来

2、选完后就收起一行显示了 ,多余的不在显示

3、样式方法如下

.multipleAction .antselectselectionmultiple{

  width: 200px;

}

.multipleAction .antselectselectionmultiple .antselectselection__rendered {

overflow: hidden;

}

.multipleAction .antselectselection–multiple .ant-selectselection__rendered ul {

display: flex;

flexwrap: nowrap;

overflow: hidden;

float: left;

}

.multipleAction .ant-selectselection–multiple .ant-selectselection__choice {

float: none;

overflow: visible;

}

.multipleAction .ant-select-selectionmultiple .ant-select-searchinline {

float: none;

position: absolute;

}

.multipleAction .ant-select-selectionmultiple {

maxheight: 32px;

overflow: hidden;

}

 动态class名称设置获取焦点和失去焦点就可以实现这个功能了呦!

原文地址:https://blog.csdn.net/m0_61177996/article/details/128247966

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_32132.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注