element-ui 修改 input 样式

刚开始的样式

修改后的样式
代码如下:

     <el-input
           placeholder="请输入内容"
           suffix-icon="el-icon-search"
           style="width: 220px;margin-left: 20px;"
           >
     </el-input>

在控制台中找到el-input的样式

利用/deep/ 深度选择器（可以百度查看用法）
缺点：并不能解决所有样式的修改，只针对部分样式有效；

/* 搜索框后面的icon */
    .el-input /deep/ .el-input__suffix{
       font-size: 20px;
    }