将图标放在表单中的输入元素内

小编典典

all

如何在表单的输入元素中放置图标？

具有三个输入的 Web 表单的屏幕截图，其中包含图标

阅读 125

2022-04-07

共1个答案

小编典典

您链接的站点使用 CSS 技巧的组合来实现这一目标。<input>首先，它为元素使用背景图像。然后，为了将光标推到上面，它使用padding- left.

换句话说，它们有以下两条 CSS 规则：

background: url(images/comment-author.gif) no-repeat scroll 7px 7px;
padding-left:30px;

2022-04-07