修改 上传图片按钮input-file样式。。
2024-10-13 05:24:14
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.filebox {width:100px;height:40px;display:inline-block;zoom:;position:relative;}
.filebox .file {width:%;height:%;position:absolute;top:-%;left:-%;opacity:;filter:alpha(opacity:);font-size:%;cursor:pointer;}
.filebox .btn {width:%;height:40px;display:block;border:none;background-color:#f30;color:#fff;text-align:center;line-height:40px;font-size:14px;font-weight:bold;}
.filebox:hover .btn {background-color:#f60;}
</style>
</head> <body> <a class="filebox">
<input type="file" name="" id="" class="file" />
<input class="btn" type="button" value="选择图片"/>
</a> 这个是文字
</body>
</html>
最新文章
- O365(世纪互联)SharePoint 之文档库使用小记
- SBCL 从REPL 中提取lisp代码
- EasyUI-Datagrid 中formatter和group-formatter的使用
- 用正则从html代码中提取图片路径
- [转]Linux read用法
- CSS也可以改变图片幅面尺寸
- ubuntu 10.10配置NFS网络共享步骤
- 重温 Win32 API ----- 截屏指定窗体并打印
- wife信号如何传播
- Chapter 14_2 全局变量声明
- android获取手机机型、厂商、deviceID基本信息
- 从 注解和继承 到 JAXB中的注意事项
- Python 最佳实践指南 2018 学习笔记
- Redshift中查看database、schema、table数据大小
- bzoj4933: 妙
- GitLab查询当前版本
- windows 中安装及使用 SSH Key
- stylus--css 框架使用方法
- oracle的dump理解
- VS 发布MVC网站缺少视图解决方案
热门文章
- elixir 入门笔记
- CoreCLR on Mac:体验managed exception handling
- EntityFramework中使用Repository装饰器
- Html5 学习系列(五)Canvas绘图API快速入门(2)
- [JS6] 通过用户事件事件执行脚本
- Microsoft Azure开发体验 – 网络报名系统
- 空间插值文献阅读(Geostatistical approaches for incorporating elevation into the spatial interpolation of rainfall)
- 【Android】线程池原理及Java简单实现
- Leetcode 283 Move Zeroes 字符串
- 高端PCB设计相关知识整理