element-ui小图标位置调整

 element-ui小图标位置调整_第1张图片

 element-ui小图标位置有时候容易跑偏,这时候需要手动改...

1.element-ui清除el-upload的边框虚线样式

.content .upload-demo /deep/ .el-upload–text{
border: none;
}

2.element-ui更改el-select el-option的高度


.el-select /deep/ .el-input__inner{
color:#C0C4CC;
height: 32px;
}

3.更改el-option的高度之后,下三角可能和文字不对称

.el-select /deep/ .el-input__suffix /deep/ .el-input__icon{
line-height: 30px;
}

4.el-input更改默认样式


.el-input /deep/ .el-input__inner{
height: 30px;
}

5.el-date-picker小图标和文字不对称

.el-date-editor /deep/ .el-input__icon{
    line-height: 32px;
}
	.el-date-editor /deep/ .el-input__icon{
		height: 120px;
	}
	.el-select /deep/  .el-input__icon{
		height: 120px;
	}

你可能感兴趣的:(ElementUi,elementui)