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

 

posted @ 2022-05-06 10:45  小拐  阅读(315)  评论(0)    收藏  举报