上传控件(file类型的input控件)自定义样式出现“form.submit拒绝访问”错误

直接说解决办法,原理就是利用label控件。在点击label时,相当于触发上传控件的“浏览”按钮,且不会发生“拒绝访问”错误。

只有两步:

1、用CSS隐藏input控件,注意不能用display:none的方法,否则控件的功能也失效了。代码如下:

#upload_file{
position:absolute;
top:-9999px;
opacity:0;
filter:alpha(opacity:0);
}

2、为input控件添加label,属性for的值即为上传控件的ID,代码如下:

<label for=”upload_file”>上传新图标</label>

 

剩下的就是利用CSS美化这个label了。



发表评论

电子邮件地址不会被公开。