欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

elementui更改默认样式

程序员文章站 2022-03-04 11:20:38
...

更改tabs默认样式


	.mytabs .el-tabs__item {
    	font-size: 18px;
	}
	.mytabs .el-tabs__item:hover{
			color: #374795 !important;
	}
	.mytabs .el-tabs__item.is-active{
		color: #374795 !important;
	}
	.mytabs .is-active i{
		color: #374795 !important;
	}

更改input框默认样式

.search_box .el-input__inner{
		width: 300px;
	}   
	.search_box .el-input__inner:focus {
		border-color: #374795 !important;
		outline: 0;
	}

更改表格排序箭头颜色

.footer .el-table .descending .sort-caret.descending{
		border-top-color:#374795
	}
	
	.footer .el-table .ascending .sort-caret.ascending {
    border-bottom-color: #374795;
}