当前第2页 返回上一页
3、设置span定位为absolute，并设置宽高和背景图片
1 2 3 4 5 6 7 8 9 | .search > span{
position: absolute;
display: inline-block;
width: 20px;
height: 20px;
background: url(./search.png) no-repeat;
background-size: 80% 80%;
background-position: center;
}
|
4、给input添加margin-left属性。
1 2 3 4 | .search > input{
width: 100%;
padding-left: 20px;
}
|
5、效果图
以上就是css怎么在input中插图片的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css 背景颜色怎么设置
什么是高宽比？css中如何实现宽高比？
css外链式和导入式的区别是什么
css怎么实现超出范围加滚动条
css font-weight属性怎么用
如何实现图片抖动效果
css两个冒号什么意思
关于css中的类名问题的详细介绍
如何合理使用css框架？
css的clearfix如何实现清楚浮动
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css怎么在input中插图片
