css - bootsstrap3.5， 这个字体图标怎么才能放在‘input里面’？

问题描述

问 题

如图所示，怎么才能把这个字体图标放在input里面呢？

---

代码：

<div class="form-group">
    <div class="col-md-12">
        <div class="input-group">
            <span class="input-group-addon" id="basic-addon1">密&nbsp;&nbsp;&nbsp;&nbsp;码</span>
            <input id="pass_word" name="pass_word" type="text" class="form-control" placeholder="请输入密码" aria-describedby="basic-addon1">
            <i class="glyphicon glyphicon-eye-open" style="margin-right: -10px;"></i>
        </div>
    </div>
</div>

---

我尝试过style="margin-right: -10px;", 没作用。

解决方案

<div class="input-group">
    <span class="input-group-addon" id="basic-addon1">密&nbsp;&nbsp;&nbsp;&nbsp;码</span>
    <input id="pass_word" name="pass_word" type="text" class="form-control" placeholder="请输入密码" aria-describedby="basic-addon1">
    <span class="input-group-addon"><i class="glyphicon glyphicon-eye-open"></i></span>
</div>

这个符号用<span>包裹，class为input-group-addon

这篇关于css - bootsstrap3.5， 这个字体图标怎么才能放在‘input里面’？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！