如何允许文本从输入框溢出？

Question

我在一个表中有一些输入元素，但其中有文本，但是由于移动屏幕的尺寸，每个输入的宽度都比内部文本短。我目前仅看到输入框的第一个字符。如何允许输入中的文本溢出到输入元素之外？

.data{
   border:0;
   background: transparent;
   color: black;
   white-space: nowrap;
   overflow: visible;
   width: 33px;
}

<table>
<tr>
<td><input type='number' step='.01' class='form-control data' value='50'></td>
</tr>
</table>