欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

在输入框后添加文本单元

最编程 2024-07-09 16:58:06
...
        .input-group {
            position: relative;
            display: table;
            border-collapse: separate;
            width: 100%;
        }
        .input-group .form-control, .input-group-addon {
            display: table-cell;
        }
        .input-group-addon {
            padding: 5px;
            text-align: center;
            background-color: #eee;
            border-radius: 2px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        .input-group .form-control:first-child{
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

<div class="input-group">

    <input name="up_the_peak_gain" type="text" class="layui-input form-control" lay-verify="required">

    <span class="input-group-addon">文字</span>

</div>

 
 
原文链接:https://blog.****.net/wanghu20150107010129/article/details/103529579

原文地址:https://www.cnblogs.com/zj68/p/12786289.html

推荐阅读