当前位置:首页 > 站长学院 > 建站教程 >

phpcms建站搜索功能使用input背景图片设置

作者:齐鲁建站    发布时间:2020-08-13    阅读:
使用PHPCMS建站有个搜索功能,这个功能的默认提交是汉字【搜索】俩字,如果改为图片怎么处理呢,今天齐鲁建站小编就来说说phpcms建站搜索功能使用input背景图片设置的方法。

下面就是来说说input背景图片的方法。

先来看看图片效果:

phpcms建站搜索功能使用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背景图片的方法,可以看出使用图片功能显得很简洁,而且也很好看,有此需要的朋友可以试试看。

QQ客服
QQ客服
陈经理