问题:默认的文件上传按钮非常丑陋,而且很难修改
、如下。
解决方法:使按钮透明,上面系用div包裹透明的按钮,设定div的风格以达到美化效果。
先上传代码:
[a]在[a]中
选择" class='upflie '文件id=' "
name='' value='' /]
下面是css样式:
. upflie
{
width:
80px;
height:
28px;
文本照明3360中心;
vertical-align :中间;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
color:
#fff;
光标器:
指针;
background: #4387CD光盘;
border:
1px solid #4387CD;
大纲3:
不;
定位:关系;
显示:
inline-block;
overflow :隐藏;
文本解码: none;
line-height: 28px;
}
. upflie
input {
定位:助手;
字体大小: 10px;
width:
200px;
border:
不;
光标器:
指针;
right:
0;
top:
0;
opacity:
0;
}
a :主机
{
显示:
inline-block;
color:
#fff;
文本解码: none;
光标器:
指针! 导入;
opacity:
0.8;
}
. upflie
:主机{
显示:
inline-block;
overflow :隐藏;
color:
#fff! 导入;
光标器:
指针;
文本解码: none;
}
像这样我们做的[input
type='file '风格没那么难看。 记住了吗? *^__^* (嘻嘻…。