Javascript 在文本框字段前面，为货币符号加上背景前缀

我必须创建一个文本字段，如下所示：

经过快速的初始更改，我达到了以下要点。我不太关心边界，而是更关心货币符号的背景

代码（我必须修改代码片段才能在联机工具中使用）：

.currencySpan{
位置：相对位置；
顶部：2个；
左：-160px；
背景色：#ddd；
}
.currencyText{
左侧填充：40px；
显示：内联；
高度：40px；
}

$

您可以对输入组使用引导实现。请参阅链接

或者，如果你想用纯CSS的方式，你可以看到这个bin

---

您可以使用任何图书馆吗？如果是，Bootstrap为您提供现成的解决方案。如果没有，那么我可以推荐一些代码@BikasVaibhav，我正在使用angular UI，它有一个引导实现（我想）。你的链接有帮助！！如果你能创建一个响应，我可以接受它作为一个答案