记录一下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;
margin: 0px;
}
// 设置 a 链接样式
.ant-menu-item a {
color: white !important;
}
.ant-menu-item a:hover {
color: #044d50 !important;
}
.ant-menu-item a:active:before {
color: #044d50 !important;
}
.ant-menu-item a:active:after {
color: #044d50 !important;
}
// 下拉箭头样式
.ant-menu-submenu-arrow {
color: white !important;
}
// 菜单收缩样式
.ant-menu.ant-menu-inline-collapsed {
width: 60px;
}
// 设置收缩后的右边框
.ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left {
border-right: none;
}
// 气泡框样式
.ant-tooltip-inner,.ant-tooltip-arrow-content{
background-color: rgb(16, 71, 83) !important;
}
.ant-tooltip-inner