如何将下一个文本拉入输入元素

Question

这是我的情况：

#hours 是输入元素的 ID。

更改如下样式后，在 Firefox 中，结果是可取的，但 int Chrome 'Hours' 低于输入并且不可见。请注意，我不能将“小时”放在<span> 或其他元素中，也不能使输入元素透明！

#hours {
    margin-right: -4.5em;
}

是否可以像 Firefox 一样在 Chrome 中显示？

#Edit --------------------------------------------- ---

附注： chrome中的“后面”和“前面”有什么区别？

Answer 1

尝试将input 元素包含在一个新的div 中，并将div 样式设置为：

position: relative;

和#hours 样式：

position: absolute;
z-index: 10;
margin-right: -4.5em;