脚本宝典收集整理的这篇文章主要介绍了input file自定义按钮美化(演示),脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
以前写过这样的文章但是用了js脚本,优点是可以显示文件路径。
如果可以不要看到路径,只显示自定义按钮,另有其方法,下面只是用用了css的技巧来实现。
关键是给file文件域给了font-size,设置一个比较大的值,使其表单大写发生改变(各浏览器外观不同,但大写都改变了)如下图:
input{font-Size:100px;}
再用posITion定位,和透明度达到自己想要的效果。具体代码如下:
DEMO:
以上是脚本宝典为你收集整理的input file自定义按钮美化(演示)全部内容,希望文章能够帮你解决input file自定义按钮美化(演示)所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。