HTML + CSS如何在文本框中使用按钮作为图像

如何解决HTML + CSS如何在文本框中使用按钮作为图像

我有一个输入框，它用于搜索。 在框的末端而不是外部，在框的右边，我想要一张图像，它也应该像按钮一样

如何使用CSS实现此目的。在此先感谢您，我对CSS非常陌生。 下面是我的代码：

<div class="group1">
<input type="text" class="form1" id="Search" placeholder="PO Quick Search..."> -- **SearchBox**
<button class="btn" type="button" id="btnSearch" onclick=""> -- **Button next to search Box,which is wanted inside**
</button>
</div>

图片和按钮应该是这样的，最后的图片应该是可点击的

解决方法

这可能是您使用我的超棒字体的问题的答案，在这里您可以用图像替换它。

HTML

    Actions action = new Actions(driver);

    action.KeyDown(Keys.Control);

    action.SendKeys("v");

    action.KeyUp(Keys.Control);

    action.Build().Perform();

CSS：

<div class="group1">
     <input type="text" class="form1" id="Search" placeholder="PO Quick Search...">
     <button class="btn" type="button" id="btnSearch" onclick=""><i class="fa fa- 
     search" aria-hidden="true"></i>
     </button>
</div>