Es ist ungültig, den Klassennamen für el-input direkt zu definieren und die Höhe zu ändern.Nach der Überprüfung wird festgestellt, dass input ein Unterelement von .el-input ist und sein Klassenname el-input__inner ist
Die direkte Verwendung von .el-input__inner zum Ändern des Klassennamens ist jedoch ebenfalls ungültig, da weniger Umfang verwendet wird und der Stil nur in dieser Komponente wirksam wird, da es in dieser Komponente keinen solchen Klassennamen gibt, sodass er ungültig ist, wenn Sie entscheiden sich direkt dafür, es zu ändern
Sie müssen also den Tiefenwähler von vue verwenden: /deep/ oder ::v-deep
/deep/ .el-input__inner{
height: 50px;
}
oder
::v-deep .el-input__inner{
height: 50px;
}