<div class="container" > <h1 style="font-size: 30px; text-align: center; text-color: #aaffff"><b>Login</b></h1> <div class="input-group"> <label id="username-label">请输入用户名：</label> <input type="text" id="username" name="username"> </div> <div class="input-group"> <label>请输入密码：</label> <input type="password" id="password" name="password"> </div> <div class="input-group"> <label>请选择用户类型：</label> <select id="user-type" name="user-type" onchange="showAdminInput()"> <option value="normal">普通用户</option> <option value="admin">管理员</option> </select> </div> <button class="login-btn" onclick="login()">GO</button> </div>将标签和对应的输入框放在一条粉色的线上，不显示输入框变为透明，在输入时对应的输入框会变成淡粉色

您的问题是如何将标签和对应的输入框放在一条粉色的线上，不显示输入框变为透明，在输入时对应的输入框会变成淡粉色？

您可以使用CSS中的伪类选择器:focus来实现此效果。首先，将每个输入框放在一个div元素中，并将其设置为相对定位。然后，为每个输入框添加一个伪类选择器:focus，以便在输入时将其背景色更改为淡粉色。最后，为每个标签添加一个绝对定位的元素，将其放在对应的输入框上方，并将其背景色设置为粉色。

以下是示例CSS代码：

.container div {
  position: relative;
}

.container div input {
  border: none;
  background-color: transparent;
  border-bottom: 2px solid #ffc0cb;
  width: 100%;
  padding: 5px;
}

.container div input:focus {
  background-color: #ffe4e1;
}

.container div label {
  position: absolute;
  top: 0;
  left: 0;
  background-color: pink;
  padding: 5px;
}

注意，上面的代码只是示例代码，您需要根据您的HTML代码和样式选择进行适当的调整。