CSS输入类型=文本

Question

我在登录时需要一些css的帮助。我希望黄色背景颜色在选择用户名时是透明的，或者两个.svg图片来自黄色背景。

我的意思的两个链接：

我希望之前图片中的用户名和密码的svgs显示在后图片中。

我的代码

的CSS：

.user{
background-image: url("css/user.svg");
background-size: 18px 18px;
background-position: 11px 8px;
background-repeat: no-repeat;
}
.pass{
background-image: url("css/pass.svg");
background-size: 18px 18px;
background-position: 11px 8px;
background-repeat: no-repeat;
}

HTML：

<form>
<input type="text" placeholder="username" class="user" name="username" />
<input type="password" placeholder="password" class="pass" name="password" />
<input type="submit" value="LOGIN" />
</form>

Answer 1

试试这个：

 .user:focus {
      //code here for you images and bg
 }
     // and
.pass:focus{
    //same
}