element element-plus中el-input改变具体高度

F12键后看到 element 给 input 自带的类名是：class="el-input__inner"

html

<div class="input">
    <el-input
        @keyup.enter.native="getByKeyword()"
        style="width: 300px;"
        placeholder="请输入菜名或类型"
        v-model="search"
        clearable>
            <template #append>
                <el-button icon="el-icon-search" 
                    style="color: #ffe400;font-size: 20px"
                    @click="getByKeyword()">
                </el-button>
            </template>
    </el-input>
</div>

css

<style scoped lang="scss">

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

</style>

重点在于：在 <el-input> 外设置一个 <div> 包裹住，并给<div>一个class类名，穿透一下，就可以改变成你想要的高度。

原封不动复制就行了 不需要思考