Css 表格中输入右上角的字体图标

Css 表格中输入右上角的字体图标,css,input,font-awesome,Css,Input,Font Awesome,我想在输入的右上角放置一个图标。输入位于表列()内 最好的方法是什么 输入样式为的示例代码: HTML: .inp小时{ 字号:500; 文本对齐:右对齐; 字体大小:14px; 边框样式:实心; 边界宽度:薄; 高度:47px; 宽度:47px; -webkit边界半径:7px; -moz边界半径:7px; 边界半径:7px; } 取决于表格布局的其余部分,但在td上放置一个位置:相对,在字体图标上放置绝对,怎么样 以及: 只需在CSS代码中添加以下内容: .hours_entered &

我想在输入的右上角放置一个图标。输入位于表列()内
最好的方法是什么

输入样式为的示例代码: HTML:

.inp小时{
字号:500;
文本对齐:右对齐;
字体大小:14px;
边框样式:实心;
边界宽度:薄;
高度:47px;
宽度:47px;
-webkit边界半径:7px;
-moz边界半径:7px;
边界半径:7px;
}

取决于表格布局的其余部分,但在td上放置一个位置:相对,在字体图标上放置绝对,怎么样

以及:


只需在CSS代码中添加以下内容:

.hours_entered > i {
    position: absolute;
    top: 12px;
    left: 44px;
}
看看这个。

tr td.hours\u输入{
位置:相对位置;
}
1小时{
字号:500;
文本对齐:右对齐;
字体大小:14px;
边框样式:实心;
边界宽度:薄;
高度:47px;
宽度:47px;
-webkit边界半径:7px;
-moz边界半径:7px;
边界半径:7px;
}
tr td.hours\u已输入状态图标{
位置:绝对位置;
排名:0;
左:0;
}

<table id="sample-table">
<tbody>
  <tr>
    <td class="hours_entered">
       <input class="inpHours" type="number"/>
       <i class="fa fa-check-circle-o status-icon within"></i>
    </td>    
  </tr>
</tbody>
</table>
.hours_entered > i {
    position: absolute;
    top: 12px;
    left: 44px;
}