关键点：

/* 关键点，让输入框无边框 */outline:none;  border:none;

1.效果图

2.html

<div class="container"><input type="text" placeholder="请输入用户名"><input type="text" placeholder="请输入密码"></div>

3.css

.container input{width: 100%;height: 7vh;/* 关键点，让输入框无边框 */outline:none;  border:none;border-bottom: 1px solid #ccc;
}
/* 修改placeholder默认样式 */
.container input::-webkit-input-placeholder {/* padding-left: 5px; */font-size: 16px;color: gray;}