element样式修改

目录

一、日期选择器边框样式

二、下拉选样式

三、v-loading颜色修改

---

一、日期选择器边框样式

/deep/ .el-input.is-active .el-input__inner, /deep/ .el-input__inner:focus{
    border-color: #ABB3CC;
}

修改前： 

修改后：

二、下拉选样式

/deep/ .el-select .el-input.is-focus .el-input__inner, /deep/ .el-select .el-input__inner:focus {
    border-color: #ABB3CC;
}

选中样式修改：

        1、可通过设置popper-append-to-body为false使下拉窗定位在元素上而非body

        2、可设置popper-class，你可以在el-select上找到它

修改前：

修改后：

三、v-loading颜色修改

/deep/ .el-loading-spinner .path {
    stroke: #EE473A;
}

四、el-select高度减小图片居中

 

el-select默认高度为40px，以上是将高度调整为36px后的小猴，明显可以看到上下箭头偏移

/deep/ .el-input__icon{
    height: 44px;
    position: relative;
    top: -4px;
}