Html 在输入框内对齐搜索图标？

如何在输入字段中对齐搜索图标（浮动在右侧的中心）？我环顾四周，发现了一些关于将其用作背景图像的东西，但不知道如何做到这一点

.search{
边框：#中交实体；
边框宽度：2倍；
填充：9px；
字号：24pt；
边界半径：10px；
保证金：0；
左侧填充：30px；
高度：54px
}
.搜索：焦点{
大纲：无；
}
#搜寻{
位置：相对位置；
填充：0；
保证金：0；
}
#srch_图标{
高度：32px；
宽度：32px；
}

---

我肯定会使用背景图像：

#search input {
    background-image: url('search.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right center;
}

---

希望这有帮助

您可以仅使用背景属性定位带有CSS的图像

background: color position/size repeat origin clip attachment image|initial|inherit;

就你而言：

background: url(search.png) right center no-repeat;

请参见：

---

---

顺便说一句，我觉得这样看起来会更好：

你可以在这里放一个背景图片，这是一个例子

背景：白色url（…

宽度：32pxl

这是一个打字错误吗？是的，我的错，将编辑它可能重复的，不像我希望它在右边