修改antDesign中Select下拉菜单样式
antd版本需大于4.23.0
菜单渲染父节点,默认渲染到 body 上。
先渲染菜单到select外层父节点:
先在父节点div中定义一id:
在
getPopupContainer={() => document.getElementById('dropFather')}
就可以在Elements中看到option了。

在使用popupClassName="drop" ,在less中写需要的样式
/*修改下拉菜单背景色,hover字体颜色背景色,选中项背景色字体颜色
*/
.drop {background-color: #3F4666;.ant-select-item.ant-select-item-option {color: #FFF;background: #3F4666;}.ant-select-item-option-active:not(.ant-select-item-option-disabled) {// color: #8BC2D3;// background-color: transparent;color: #238EFA;background: #3F4666;}
}
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
