HTML输入方向rtl

Question

我正在创建一个计算器应用程序，在我的显示部分，您可以看到输入的数字我正在使用HTML输入类型文本。我将方向更改为RTL，但现在当我输入第一个数字时，无法查看完整数字，因为数字是斜体字体。

我正在尝试将数字向左推，以进行某种填充，但没有成功。这是一个截图

Answer 1

＆＃13;

＆＃13;

div{
  width:50px;
  height:20px;
  border:1px solid black;
  direction:rtl;
  padding:0 5px;
}

＆＃13;

<div>
  <i>777</i>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

input{
  text-align:right;
  font-style: italic;  
}

<input type='text' value='777' readonly>

使用text-align:right;

Answer 3

input[type="text"] {
   text-align: right;
   padding-right: 14px;
   font-style: italic;
}