最近学习jquery file upload插件,觉得文件上传按钮样式代码可以拿来一用,适当做了些美化。
<div class="fileinput-button">
图片选择<input type="file">
</div>
<style>
.fileinput-button {
position: relative;
overflow: hidden;
background: #fabe00;
width: 70px;
height: 30px;
color: #fff;
font-size: 14px;
text-align: center;
border: 0;
border-radius: 5%;
line-height: 30px;
}
.fileinput-button:hover {
background: #FF8650;
}
.fileinput-button input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
-ms-filter: 'alpha(opacity=0)';
font-size: 200px;
direction: ltr;
cursor: pointer;
}
/* Fixes for IE < 8 */
@media screen\9 {
.fileinput-button input {
filter: alpha(opacity=0);
font-size: 100%;
height: 100%;
}
</style>
顺便说下,我遇到的问题