input file自定义按钮美化

2019-09-08 郑州网站建设  

复制代码

代码如下:


.fileInputContainer{
height:256px;
background:url();
position:relative;
width: 256px;
}
.fileInput{
height:256px;
overflow: hidden;
font-size: 300px;
position:absolute;
right:0;
top:0;
opacity: 0;
filter:alpha(opacity=0);
cursor:pointer;
}

复制代码

代码如下:


<div class="fileInputContainer">
<input class="fileInput" type="file" name="" id="" />
</div>


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/1429.html转载请标明出处,谢谢合作!
标签:
  • 如下
  • input
  • 代码
  • 复制
  • :
  • file