element pulsSelect 选择器更改颜色

最新推荐文章于 2024-08-29 19:20:28 发布

胜杰720

最新推荐文章于 2024-08-29 19:20:28 发布

阅读量159

点赞数 1

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_71574589/article/details/141229392

版权

.el-input__wrapper {
	background   : transparent !important;
	border-radius: 0.3rem !important;
	box-shadow   : 0 0 0 0.1rem #01e4e5 !important;
	padding      : 0 0.5rem !important;
	height       : 1.8rem !important;

	.el-input__inner {
		font-size : 1rem !important;
		background: transparent !important;
		height    : 100% !important;
		// color     : #fff !important;
	}
} 

.el-select .el-input.is-focus .el-input__wrapper{
	box-shadow: 0 0 0 0.1rem #01e4e5 inset !important;
}
.el-select .el-input__wrapper.is-focus{
	box-shadow: 0 0 0 0.1rem #01e4e5 inset !important;
}

.el-popper.is-light {
	border: .5px solid #01e4e5 !important;
    background: #002928de !important;
}


.el-scrollbar .el-select-dropdown__item {
	color: #00637c !important;
}

.el-scrollbar .el-select-dropdown__item:hover {
	color: #fff !important;
}
.el-popper__arrow::before{
	display: none!important;
}

.elpopperbox .el-select-dropdown__item.hover,
	.el-select-dropdown__item:hover {
	background-color: rgba(46, 163, 220, 0.5) !important;
	color: #ffffff !important;
}