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;
}

相关链接