input(file)浏览按钮美化代码,Css代码库,德仔网

代码语言

代码分类

【Css】 input(file)浏览按钮美化

作者:jason / 发布于2014/6/13/ 603

先用a标签做一个按钮，定好宽度并要加上overflow:hidden;属性，然后将放在a标签里面，通过定位，将input相对于a的右上角对齐，最后将input的透明度设为0即可


	<style>
	a{display:inline-block; width:100px; height:40px; background:red; position:relative; overflow:hidden;}
	a:hover{background:green;}
	input{position:absolute; right:0; top:0; font-size:100px; opacity:0; filter:alpha(opacity=0);}
	</style>
	
	<a href="#">
	 <input type="file" value="浏览" />
	</a>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

　　

试试其它关键字

　file　　input　

同语言下

可能有用的

jason贡献的其它代码(12)