Antd a-menu 样式修改

最新推荐文章于 2024-06-20 14:16:19 发布

Echo$

最新推荐文章于 2024-06-20 14:16:19 发布

阅读量1.7k

点赞数 1

分类专栏： Antd 文章标签：前端 css html

本文链接：https://blog.csdn.net/pretend88/article/details/128573240

版权

Antd 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在这里插入图片描述
必须加一层div包裹才有效！！！！

#top {

	//悬浮,选择颜色
	:deep(.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item :hover),
	:deep(.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected) {
		color: #FF9900;
	}

	//悬浮下划线,选择后下划线
	:deep(.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after),
	:deep(.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after) {
		border-bottom: 0.10417rem solid #FF9900;
	}

}