input表单在谷歌浏览器中不显示的问题

Question

谷歌浏览器的form表单，input的内容为啥显示成这样呢

 

<el-form :model="userBaseInfo" status-icon :rules="rules" ref="userBaseInfo" label-width="100px" class="demo-ruleForm" label-position="left">

              <el-form-item label="用 户 名" prop="username" >

                <el-input v-model="userBaseInfo.username" placeholder="请输入新用户名"></el-input>

              </el-form-item>

              <el-form-item label="手机号码" prop="phone">

                <el-input v-model="userBaseInfo.phone" placeholder="请输入新手机号码"></el-input>

              </el-form-item>

            </el-form>

Answer 1

你是说显示不全？那因该是样式影响了。还是什么不显示