如何将元素插入 HTML 输入字段？

Question

我必须开发一个脚本（扩展内容脚本），它将被注入到任何包含表单的页面中。

在那个页面中，脚本必须插入一些输入字段，右对齐，一个可点击的元素（例如按钮）。

html页面：

<div>
    <input type="text" id="input-field">
</div>

剧本：

var button = document.createElement("button");
button.textContent = "?";

var inpuntField = document.querySelector("#input-field");

// Here I have to insert the button into the input field

结果一定是这样的：

-------------------
|               ? |
-------------------

为此我找到了很多解决方案，但它们都需要编辑输入元素或输入父元素的样式属性， 而且我不想编辑原始页面，以防止页面视图出现任何问题。

有谁知道该怎么做或可以提出解决方案吗？感恩