[已解决]web表单

woshijunjun · 发表于 2021-6-5 13:10:41

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

请问怎么把一个图片放在表单的框框里啊？

求大神指教！

最佳答案

月排行榜 / 总排行榜

Darth_EF

2021-6-5 23:11:05

hight:1em;
background-image:url("图片");
background-size:auto 100%;
padding-left:1em;
精灵图像不能这样做。

跳转到最佳答案楼层

wp231957 · 发表于 2021-6-5 13:32:51

手机没法试，你自己试试
https://zhidao.baidu.com/question/1368179076373575699?word=%E5%A6%82%E4%BD%95%E6%8A%8A%E5%9B%BE%E7%89%87%E5%8A%A0%E5%88%B0input%E6%A0%87%E7%AD%BE

kogawananari · 发表于 2021-6-5 15:34:51

本帖最后由 kogawananari 于 2021-6-5 15:37 编辑

审题审错了还是背景图片+ 左内边距吧

Darth_EF · 发表于 2021-6-5 23:11:05

这个最佳答案由 Darth_EF 给出，感谢 Darth_EF 的回答。

单击隐藏图章

hight:1em;
background-image:url("图片");
background-size:auto 100%;
padding-left:1em;
精灵图像不能这样做。

Darth_EF · 发表于 2021-6-5 23:23:16

想偷懒可以用上面那种办法。如果图标和边框要有边距可以修改backgound-size 再加上 background-position。

通常是把input的原本的背景和边框样式弄没，然后在它的父元素里弄图标; 把父元素做成像input的样子。dom结构如下
<div><i></i><input/></div>

我一般用精灵图的，所以没得偷懒.

账号		自动登录	找回密码
密码			立即注册