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

谷歌浏览器的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>

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

我在正type=password，不让浏览器记住密码，网上抄袭了一个样式，现在能显示了；

但是有个问题，怎么让浏览器不提示密码

1、检查数据是否是点点

2、检查浏览器是否使用了什么插件

3、使用其他浏览器试试