首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
css美化input file按钮的代码方法
所属分类:
网络编程
/
CSS/HTML
阅读数: 983
收藏 0
赞 0
分享
input file在系统默认下的外观:
我们最多通过定义input的border来改变系统默认的外观:
如果要让浏览按钮更漂亮一点,我们想定义它的背景颜色,甚至想用背景图片来代替,通过css定义input flie还真是办不到的。偶然看到一篇文章:input file 文件选择框美化 作者是把系统默认的按钮设置透明度为0,再定义一个label标签样式,来覆盖透明掉的按钮。
按照作者的方法,我也试验了一下,代码如下:
input file的另类做法
上传文件:
浏览...
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
效果:
虽然多了很多标签,但这种偷梁换柱的做法还是值得研究。有没有更好、更科学的作法还有待发掘。
更多精彩内容
其他人还在看
IE 5.x/Win 和模型bug
IE 5.x/Win 和模型bug
评论 0
收藏 0
赞 0
分享
各浏览器padding、margin的差异
各浏览器padding、margin的差异
评论 0
收藏 0
赞 0
分享
IE浮动边界BUG延伸探讨
IE浮动边界BUG延伸探讨
评论 0
收藏 0
赞 0
分享
[转]目前找到的最好的Iframe自适应高度代码
[转]目前找到的最好的Iframe自适应高度代码
评论 0
收藏 0
赞 0
分享
Web Safe Color Pallette
Web Safe Color Pallette
评论 0
收藏 0
赞 0
分享
网站制作之网页技巧
网站制作之网页技巧
评论 0
收藏 0
赞 0
分享
http状态码一览表
网站的http状态对于网站维护人员来说是相当重要的,当网站出现问题的时候,我们首先要诊断一下网站的http状态,从而进一步确认哪里出现的问题
评论 0
收藏 0
赞 0
分享
从Table向Css过渡的优缺点比较
从Table向Css过渡的优缺点比较
评论 0
收藏 0
赞 0
分享
不用float实现div模块居中布局
不用float实现div模块居中布局
评论 0
收藏 0
赞 0
分享
解决列高度自适应(相同)的五种方法
解决列高度自适应(相同)的五种方法
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
淘宝客运营经验:如何提高店铺知名度活跃度
怎么用互联网思维的做餐饮?
google
Google
个人建站赚钱方法有哪些?5种常见方法汇总
六一儿童节微营销秘籍 互动吸粉6大招
站长故事
更多
我眼里的2014年中国互联网大会亮点
直击苹果发布会:苹果iWatch能否能撑起一个市场?
作为站长的你是否已有危机感:你被盯上了
浅谈:一个草根站长的服装论坛赚钱经验
从5元到500万,我的创业历程
大学生谈网络赚钱的经历