Modify el-input height

It is invalid to directly define the class name for el-input and modify the height. After checking, it is found that input is a sub-element of .el-input, and its class name is el-input__inner

But directly using .el-input__inner to modify the class name is also invalid, because less-scope is used, and the style only takes effect in this component, because there is no such class name in this component, so it will be invalid if you directly choose to modify it

So you need to use vue's depth selector: /deep/ or ::v-deep

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

or

::v-deep .el-input__inner{
    
    
    height: 50px;
}