vue 3 element - plus ,el-input 样式 怎么改不了？

Question

          <el-table-column align='center' show-overflow-tooltip v-for="item in fieldList" :key="item" :label= "item[0]" :width="item[1] === searchField ? 300 :''">
                <template #default="scope">
                  <el-input
                  :style="{color: 'rgb(30, 30, 30)'}"        // 这里我要动态改样式，先写个测试，发现改不了   style="color:blue;" 这样也不行，！？
                  ></el-input>
                  <span v-show="!scope.row.show">{{scope.row[item[1]]}}</span>
                </template>
            </el-table-column>

Answer 1

<el-input
         :input-style="{color: 'rgb(30, 30, 30)'}" 
></el-input>

在< style >里修改要加/deep/ 进行样式穿透

如有帮助，望采纳 ^.^

Answer 2

<el-input v-model="input" placeholder="Please input" :input-style="{color: 'red'}"  />

Answer 3

直接在控制台定位，在控制台写复制到代码中