1
面前我必須如下創建文本字段：與背景，前綴貨幣符號，在文本框中場
我我到了點，如下快速初始變化之後。我不太關心邊界，而更多地關注貨幣符號的背景。
代碼（我不得不修改片段在網上的工具來工作）：
.currencySpan {
position: relative;
top: 2px;
left: -160px;
background-color: #ddd;
}
.currencyText {
padding-left: 40px;
display: inline;
height: 40px;
}<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="form-group">
<div class="icon-addon addon-md" style="vertical-align:top;">
<input type="text" placeholder="0.00" class="form-control currencyText" id="paymentAmount">
<span class="currencySpan">$</span>
</div>
</div>任何建議，我怎麼能得到貨幣的背景嗎？
你被允許使用任何圖書館？如果是，Bootstrap爲您提供現成的解決方案。如果不是，那麼我可以建議一些代碼http://getbootstrap.com/components/#input-groups – Bikas
@BikasVaibhav我使用的角度UI有一個引導實現（我認爲）。你的鏈接幫助！如果你可以創建一個響應，我可以接受它作爲答案。 – Abhinav
添加了Bootstrap和純CSS解決方案的答案 – Bikas