找回密码
 立即注册

QQ登录

只需一步,快速开始

一个简单的上传按键样式

1.样式图片


2.css部分
  1. <style type="text/css">
  2.                                         .input-file {
  3. display:inline-block;
  4. width:85px;
  5. height:20px;
  6. line-height:30px;
  7. background:#ddd;
  8. text-align:center;
  9. overflow:hidden;
  10. position:relative;
  11. background:url(images/hua_43.jpg);
  12. }
  13. .input-file:hover {
  14. background:url(images/hua_43.jpg);
  15. }
  16. .input-file input {
  17. opacity:0;
  18. filter:alpha(opacity=0);
  19. font-size:100px;
  20. position:absolute;
  21. top:0;
  22. right:0;
  23. }
复制代码
3.html嵌入
  1. <a href="javascript:void(0);" class="input-file"><input name='name' type='file' size='50' data-valid-name='图片' data-valid-empty='yes' data-valid-accept='jpg,jpeg,gif,png,bmp'></a>
复制代码

4.效果如下
QQ截图20141125224148.png


本教程由无限星辰工作室CRX349独家整理和提供,转载请注明地址,谢谢。本文地址:https://www.xmspace.net/thread-282-1-1.html
无限星辰工作室  好集导航 Discuz全集下载  星辰站长网  集热爱361  一品文学  手机小游戏合集   海外空间网 星辰api  星辰支付二维码管理平台 阿里云服务器 腾讯云服务器
服务Discuz!建站|DiscuzQ配置|二开|小程序|APP|搬家|挂马清理|防护|Win/Linux环境搭建|优化|运维|
服务理念:专业 诚信 友好QQ842062626 服务项目 Q群315524225

发表于 2014-11-25 22:40:27 | 显示全部楼层 |阅读模式

回复 | 使用道具 举报

该帖共收到 0 条回复!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

美图秀

    • fastadmin 后台界面使用字段数组类型
    • Discuz!x3.5 修改标题高亮颜色
    • Discuz!x3.5 应用中心 下载应用一直下载中
    • 帖子定时显示
    • 论坛辅助审核
拖动客服框
Online Service
点击这里给我发消息
点击这里联系我们
微信扫一扫
在线客服
快速回复 返回顶部 返回列表