antd的select选择框选项如何水平横向排列?选项如何是图片?
最近遇到需求select选择框选项和值为图片,且选项必须水平排列,项目用的是antd,索性就从修改样式入手改改antd

,有啥问题欢迎留言一起讨论

先看效果

xuehuayu.cn

分析

antd的选项使用的是flex布局,其中默认样式使用的是flex-direction: column,也就是纵向布局,将其改为横向row即可

实现

找到对应标签的位置,修改样式
xuehuayu.cn

1
2
3
#icon_list + div > div > div {
flex-direction: row !important;
}

相关链接