Increase input size

Asked

Viewed 11,633 times

0

Does anyone know how I increase the size of the input below ?

<td>
  <div class="input-group">
    <span class="input-group-addon">R$</span>
    <input type="number" autocomplete="off" id="{{reg.id}}" value="{{reg.valorMultaJuros}}" min="0" step="0.01" data-number-to-fixed="2" data-number-stepfactor="100" class="form-control text-input" (blur)="vMultaJuros($event)">
  </div>
</td>

Input

html css angular twitter-bootstrap

  • I think the <td> of your table is limiting your input

  • I agree with @brunox99x as you can see here http://prntscr.com/naoneg the problem is that the input has nowhere to grow, as the TD is limiting its size

1 answer

1


Opa, you can insert this size through css, so that the td increase.

.text-input{
  width:300px
}
<td>
  <div class="input-group">
    <span class="input-group-addon">R$</span>
    <input type="number" autocomplete="off" id="{{reg.id}}" value="{{reg.valorMultaJuros}}" min="0" step="0.01" data-number-to-fixed="2" data-number-stepfactor="100" class="form-control text-input" (blur)="vMultaJuros($event)">
  </div>
</td>

Browser other questions tagged html css angular twitter-bootstrap

You are not signed in. Login or sign up in order to post.