修改el-button颜色、hover颜色、点击颜色、点击后按钮颜色，点击后按钮颜色不变

liokF

已于 2024-09-20 17:12:54 修改

阅读量171

点赞数 1

分类专栏：代码随手记文章标签： javascript 前端 css

于 2024-09-20 10:51:37 首次发布

本文链接：https://blog.csdn.net/weixin_51604420/article/details/142378663

版权

代码随手记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

代码随手记

	& /deep/ .el-button{
	    width: 80px;
	    height: 36px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-size: 14px;
	    color: #FFFFFF;
	    background: #409EFF;
	    border-color: #409EFF;
	   
	}
	/* 按钮悬浮颜色 */
	& /deep/ .el-button:hover {
	    background: #ec0404;
	    border-color: #ec0404;
	}
	/* 按钮点击松开后的颜色，如果松开按钮后不需要改变颜色，点击后按钮颜色不变，可以删除此段代码， */
	& /deep/ .el-button:focus {
	    background: #00ff0d;
	    border-color: #00ff0d;
	}
	/* 按钮点击颜色 */
	& /deep/ .el-button:active {
	    background: #1100ff;
	    border-color: #1100ff;
	}
	/* 代码的顺序也会影响页面的效果 */