成功修改element ui el-input字体颜色

<template>

<divclass="hello"id="div1">

<h2>EssentialLinks</h2>

<el-button>默认按钮</el-button>

<el-buttontype="primary">主要按钮</el-button>

<el-buttontype="text">文字按钮</el-button>

<el-buttontype="success">正确</el-button>

<el-inputv-model="input"placeholder="请输入内容"class="te"></el-input>

</div>

</template>

<stylescoped>

.te>>>input

{

width:100px;

height:50px;

color:red;

background-color:blue;

}

如上图想修改el-input样式，用te样式类修改字体颜色无效，.te后面加上>>>input解决。