当前位置:  编程技术>WEB前端

用css alpha 滤镜 实现input file 样式美化代码

    来源: 互联网  发布时间:2014-09-06

    本文导语:  在WEB上传文件时,要用到上传框:           这东东在IE(其他偶没经过测试)中是一个非常特殊的对象。 如果是您手动写入的或其他对象经过某些事件触发填入的值 ,由于安全问题,在进行提交表单时,往往会被清空,所...

在WEB上传文件时,要用到上传框: 
 
       这东东在IE(其他偶没经过测试)中是一个非常特殊的对象。 如果是您手动写入的或其他对象经过某些事件触发填入的值 ,由于安全问题,在进行提交表单时,往往会被清空,所以上传失败。 简单点说,除非你的鼠标亲自点到了上传框f上,IE才会给你上传文件! 

哪怕你将 f 的onclick句柄赋给某个对象,如: 
 
 
       你 “点击” 后,同样会弹出文件选择对话框,可惜失望地:你照样不能上传文件! 怎么办呢? 看下这段:
 
 
 

随便点击鼠标,看到效果了吧? 基于上面的思路,偶们就可以把它弄到一个button下面就OK了!!

input{border:1px solid green;}   
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

为了达到真正模拟的效果,还得要把f给隐藏,加个不透明的alpha 滤镜即可,再加上 hidefocus 属性,隐藏f的虚线:

input{border:1px solid green;}   
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

可以看下opacity=0改为稍大些的效果。 

OK了,现在你就可以控制它们的样式、位置了。。。 

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • PHP去除html标签,php标记及css样式代码参考
  • jQuery CSS()方法改变现有的CSS样式
  • Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行
  • jquery css方法改变css样式用法介绍
  • HTML如何使用各种CSS 样式
  • 解决ie动态修改link样式,import css不刷新的问题
  • jsp页面中插入css样式的三种方法总结
  • 批量修改标签css样式以input标签为例
  • 移动 Web 的 CSS 样式工具库 Rider
  • CSS注释、命名、继承性、样式排序等CSS技巧的小结
  • 字符不会撑大表格的常见css样式
  • asp.net不影响CSS样式的弹出对话框
  • jquery实现不同大小浏览器使用不同的css样式表的方法
  • CSS样式表规划与管理的经验总结
  • 引入CSS样式的五种方式
  • JQuery中操作Css样式的方法
  • 网页编辑中CSS样式表技巧总结
  • 巧用CSS的MASK滤镜 iis7站长之家
  • jQuery操作元素css样式的三种方法
  • jQuery操作元素css样式三种方法示例
  • jquery操作css样式表文件的方法详解
  • java命名空间javax.swing.text.html类css的类成员方法: css定义及介绍
  • <!--@import"css/cssset/.css-->,css/cssset/.css是什么意思?
  • java命名空间javax.swing.text.html类css的类成员方法: getattribute定义及介绍
  • CSS预处理器 Less CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • css强制换行 css强制不换行的css方法
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin定义及介绍
  • CSS代码格式化 CSS Beautify
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: padding定义及介绍
  • jquery css类用法(添加、修改与删除css)


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3