将元素后的CSS ::移动到元素中

Question

大家好，我想知道如何将::after搜索字段中的<input>元素放入输入字段本身（http://i.imgur.com/CqsFKfE.png）。

我尝试了一些事情，但最后我的结果是将::after元素的CSS样式设置为margin-left: -25px;。

我不确定这是否是最佳解决方案，特别是因为我使用的是保证金的负值。有没有更好的解决方案呢？或者这是唯一的方法吗？

Answer 1

您可以使用position：

进行设置

.parentElement {
    position: relative;
}

.childElement {
    position: absolute;
    top: 5px;
    right: -25px;
}