html - 在引导输入框中添加美元前缀

无论如何，是否有引导方式/样式将不可编辑的前缀添加到输入框中？例如美元符号。前缀必须包含在输入框中。

目前，我正在执行类似的操作，但是该符号不在输入框中。

<div class="input-group input-medium ">
    <input type="text" class="form-control input-lg" readonly="">
    <span class="input-group-btn">
        $
    </span>
</div>

最佳答案

Twitter bootstrap 为此功能提供了一个名为input-group-addon的类。

你可能想要这个

<div class="input-group">
  <span class="input-group-addon">$</span>
  <input type="text" class="form-control" placeholder="price">
</div>

更新:要从$标志中删除背景-您只需要覆盖input-group-addon类

.input-group-addon
{
    background-color:#FFF;
}

如果要删除$符号右侧的边框，也可以添加此CSS

.input-group .input-group-addon + .form-control
{
    border-left:none;
}

关于html - 在引导输入框中添加美元前缀，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21016472/