开发者社区 问答 正文

bootsstrap3.5, 这个字体图标怎么才能放在‘input里面’?

如图所示,怎么才能把这个字体图标放在input里面呢?
screenshot
代码:

<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;", 没作用。

展开
收起
杨冬芳 2016-06-13 17:02:50 3481 分享 版权
1 条回答
写回答
取消 提交回答
  • IT从业
    <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>

    这个符号用包裹,class为input-group-addon

    2019-07-17 19:36:29
    赞同 展开评论
问答分类:
问答地址: