美文网首页
11.输入框input

11.输入框input

作者: 程序萌 | 来源:发表于2020-07-02 16:19 被阅读0次

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

    相关文章

      网友评论

          本文标题:11.输入框input

          本文链接:https://www.haomeiwen.com/subject/rourqktx.html