代码改变世界

input text文本框内部最后面放一个按钮

2013-09-03 18:07  糯米粥  阅读(2713)  评论(0编辑  收藏  举报
.ContSpan
        {
            border: 1px solid #999999;
            display: inline-block;
        }
        .ContSpan span
        {
            cursor: pointer;
            background: url("/image/add.png") no-repeat scroll 1px 3px transparent;
            cursor: pointer;
            display: inline-block;
            height: 20px;
            opacity: 0.6;
            overflow: hidden;
            vertical-align: top;
            width: 18px;
        }
        .ContSpan input
        {
            border: none;
            width: 128px;
        }
        .spFocus //鼠标放上去 改变透明度
        {
            opacity: 1;
        }
                  <span class="ContSpan">
                                <input type="text" isck="ck" id="txtpayment" readonly="readonly" />
                                <span id="payment" attrid="payment" attrname="change" title="选择"></span>
                            </span>

效果图: