11.输入框input

输入框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;
}