前端使用css去除input框的默认样式
关键点:
/* 关键点,让输入框无边框 */
outline:none;
border:none;
1.效果图
2.html
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;
}