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字体的颜色仍然被外部样式覆盖! 虽然私下不知道为什么。