鍍金池/ 問答/HTML5  HTML/ 如何把input和驗(yàn)證碼放到一個(gè)框中，求指導(dǎo)

如何把input和驗(yàn)證碼放到一個(gè)框中，求指導(dǎo)

圖片描述

回答
編輯回答
單眼皮
    .mybox{
                width: 180px;
                margin:100px;
                height: 38px;
                position: relative;
            }
            .mybox input{
                width: 100%;
                padding: 3px 5px;
                padding-right: 80px;
                height: 100%;
                box-sizing: border-box;
                border:1px solid #DDD;
                outline: none;
                border-radius: 3px;                
            }
            .mybox span{
                position:absolute;
                display: block;
                width: 46px;
                height: 34px;
                right:2px;
                top:2px;
                line-height: 34px;
                background-color: red;
                color: #ffffff;
            }
  <div class="mybox">
            <input type="text">
            <span>1111</span>
          </div>
2018年4月29日 04:55