站长学院
CMS建站教程 SEO优化攻略
来源:齐鲁CMS 栏目:PHPCMS 阅读: 日期:2020-08-13
使用PHPCMS建站有个搜索功能,这个功能的默认提交是汉字【搜索】俩字,如果改为图片怎么处理呢,今天齐鲁建站小编就来说说phpcms建站搜索功能使用input背景图片设置的方法。
下面就是来说说input背景图片的方法。
先来看看图片效果:
接下来代码展示:
【HTML代码】
<input type="file" id="file_btn" src="img.jpg" />
【CSS代码】
input[type="file"]{width:40px;height:40px;background:url(img.jpg) no-repeat center;cursor:pointer;display:block;font-size:0;line-height:0;text-indent:-9999px;}
以上就是关于input背景图片的方法,可以看出使用图片功能显得很简洁,而且也很好看,有此需要的朋友可以试试看。