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>