在每个输入处将货币符号向左移动，使其保持对齐

Question

我有输入标签和货币符号。 在输入任何数字或退格时，我希望货币符号和金额为中心对齐，货币符号应相应左右移动

附加代码和屏幕截图

<div class="input">
    <div class="a">
        <span>₹</span>
        <input class="inActive" id="v" value="" type="number" required>
    </div>
  </div>

所需结果： -

Answer 1

也许你可以使用bootstrap并做类似的事情

＆＃13;

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<div class="input-group">
      <span class="input-group-addon">₹</span>
      <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
</div>

＆＃13;

＆＃13;

＆＃13;

它会将您的标志放在输入左侧的插件中。