首页 > 科技数码 > 正文

怎么在input里加图标

科技数码 时间:2024-10-30 09:02:29

input如何添加图标

01 打开html开发软件,新建一个html页面。如图:

02 在这个html页面创建一个input文本输入框,然后给这个input添加一个class类为user。如图: 代码:<input type="text" class="user" />

03 设置class类属性,添加小图标。创建<style>标签,然后在这个标签里面设置user样式。

04 保存html代码,然后使用浏览器打开,即可看到input文本输入框左侧有一个小图标。(可以通过background-size设置小图标的大小,background-position设置小图标的位置)

郑重声明:图文由自媒体作者发布,我们尊重原作版权,但因数量庞大无法逐一核实,图片与文字所有方如有疑问可与我们联系,核实后我们将予以删除。