:root以及文件定义全局颜色控制
:root { // 主颜色 --select-bg-color: #18359f; // 选中的颜色 --select-selected-color: #3b58c2; // 悬浮的颜色 --select-hover-color: #3b58c2; // 点击的颜色 --select-active-color: #3b58c2; // 下拉的字体颜色 --select-font-color: #fff; // boxshodw --select-box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1); } @import './ant-select-dropdown'; @import './ant-input';
ant-select-dropdown
.ant-select-dropdown { box-shadow: var(--select-box-shadow); } .ant-select-dropdown .ant-select-dropdown--single .ant-select-dropdown-placement-bottomLeft { background-color: var(--select-bg-color); } .ant-select-dropdown-menu.ant-select-dropdown-menu-vertical.ant-select-dropdown-menu-root { background-color: var(--select-bg-color); } .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) { background-color: var(--select-hover-color) !important; }
请阅读后点赞,谢谢