element-ui 使用过程中遇到的一些问题及解决方法

1.改变输入框的圆角(穿透)

 <el-form-item prop="account" >
    <el-input
        ref="account"
        v-model="loginForm.account"
        placeholder="手机号"
        prefix-icon="el-icon-mobile"
        name="username"
        type="text"
        tabindex="1"
        autocomplete="on"
      />
 </el-form-item>

解决方案1:

// TODO :: change input border and height 
/deep/.el-input__inner{
  height: 50px;
  border-radius:20px;
}