HTML 输入方向 rtl答案

【问题标题】：HTML input direction rtlHTML 输入方向 rtl
【发布时间】：2017-07-21 19:41:56
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

&lt;input type='text' value='777' readonly&gt;

使用text-align:right;

【讨论】：

【解决方案3】：

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

【讨论】：