首页 > 编程知识 正文

antd table 自定义表头,dropdownmenu

时间:2023-05-04 05:40:30 阅读:148946 作者:614

antd dropdown的风格调整问题最近刚开始学习前端,遇到风格问题调试了很久,所以记录下来。 客户提供的图纸对select dropdown有样式要求,包括背景颜色、字体颜色和选择时的颜色。 在F12的元素选择器中确定dropdown的css,并直接在Chrome的DevTools中进行设置会有效,但在代码中进行设置不会有效。 那我这碗尖端的新手喜闻乐见的八宝粥好无知啊。 最后! 在向姐姐请教后,我发现作为项目最外层的总体风格中有对此的风格设定,于是我掩饰了我新写的css风格。 要避免更改整体样式,请在Select选择框中添加dropdownClassName属性,然后为此下拉框定义自己的样式。 选择模式=' multiple ' placeholder='调度间隔' drop down class name=' drop down-style ' option value='0'星期一/option on

. ant-select-dropdown-menu {

background: #1F1F26;

border: solid 1px #32323a;

}

. ant-select-dropdown-menu-item {

颜色: # fff! 导入;

}

. ant-select-drop down-menu-item : hover {

background: #32323a;

}

. ant-select-drop down-menu-item-selected {

background: #32323a;

}

. ant-select-drop down-menu-item-active {

background: #32323a;

}

} PS :

. ant-select-dropdown-menu-item {

颜色: # fff! 导入;

}

必须在这里添加! important字体的颜色仍然被外部样式覆盖! 虽然私下不知道为什么。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。