记录一下 antd 中,table 款式批改, 不便大家疾速应用
基本上依照以下代码批改相应色彩即可
// 设置菜单款式
.ant-menu,.ant-menu-sub,.ant-menu-inline{
color: white;
background-color: #044d50 !important;
}
// 设置子菜单开展款式
.ant-menu-submenu > .ant-menu {background-color: rgb(16, 71, 83) !important;
}
.ant-menu-submenu-title{color: white !important;}
// 去掉左边框
.ant-menu-inline {border: none;}
// 设置 a 链接款式
.ant-menu-item a {color: white !important;}
.ant-menu-item a:hover {color: #044d50 !important;}
// 下拉箭头款式
.ant-menu-submenu-arrow {color: white;}
// // 设置子菜单款式
// .ant-menu-submenu-active {
// background-color: #fff !important;
// color: #044d50 !important;
// }
// 选中菜单状态
.ant-menu-item-selected {background-color: rgb(4,77,92) !important;
color: white !important;
}
// 设置未选中菜单项鼠标滑过款式
.ant-menu-item-active {
background-color: #fff !important;
color: #666666 !important;
}
切记:
.ant-menu-item-selected 和 .ant-menu-item-active 先后顺便不能乱, 否则点击菜单后款式错乱