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

代码语言

代码分类

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

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

先用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)

Copyright © 2004 - 2024 dezai.cn. All Rights Reserved 站长博客粤ICP备13059550号-3