Css 在输入组插件上集成自定义png图像

Css 在输入组插件上集成自定义png图像,css,html,twitter-bootstrap,Css,Html,Twitter Bootstrap,我使用输入组加载项获得此输出: 比如说,如果我想使用自己的图标 我的预期输出如下: 图标: [ [] [] 有人能帮我吗 我的代码: <div class="input-group" style="margin-top:4px;"> <span class="input-group-addon"> <

我使用
输入组加载项获得此输出:

比如说,如果我想使用自己的图标

我的预期输出如下:

图标: [ [] []

有人能帮我吗

我的代码:

                       <div class="input-group" style="margin-top:4px;">
                            <span class="input-group-addon">
                                <span class="glyphicon glyphicon-lock"></span>
                            </span>
                            <input type="text" class="form-control" placeholder="<?= lang('education.year') ?> *" />
                        </div>
                        <div style="margin-top:4px;">
                            <div style="float:left; width:49%;">
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-user"></span>
                                    </span>
                                    <select name="gender" class="form-control">
                                        <option value=""><?= lang('gender') ?> *</option>
                                    </select>
                                </div>
                            </div>
                            <div style="float:right; width:49%;">
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-lock"></span>
                                    </span>
                                    <select class="form-control">
                                        <option value=""><?= lang('preferred.language') ?> *</option>
                                        <option value="<?= PREFERRED_LANGUAGE_MALAY ?>">Bahasa Malaysia</option>
                                        <option value="<?= PREFERRED_LANGUAGE_ENGLISH ?>">English</option>
                                    </select>
                                </div>
                            </div>
                        </div>


好的,您只需将图示符span替换为

<div class="input-group">
    <span class="input-group-addon">
        <img src="path/to/img.png">
    </span>
    <input type="text" class="form-control" placeholder="<?= lang('education.year') ?> *" />
</div>