输入框input
input {
/* 设置新盒子模型 设置padding等 盒子始终保持宽高 */
box-sizing: border-box;
/* 设置输入框文字距离左侧距离 */
padding-left: 10px;
/* 设置输入框文字距离右侧距离 应用场景,如果右侧需要设置一个发送验证码的按钮*/
padding-right: 10px;
/* 设置外边框 */
border: 2px solid #fff;
/* 设置输入框文字样式 */
color: #fff;
/* 隐藏input自带的边框*/
border: none;
background: none;
outline: none;
}
网友评论