File input 浏览上传按钮样式和文字的更改方法 - - ITeye博客

`

mikey.tsu

浏览: 132691 次
性别:
来自: 北京

最近访客更多访客>>

raulhapply

whishting

shewai

1140752535

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

全部博客 (29)

社区版块

存档分类

最新评论

107x：不错，谢谢！
Android 访问权限设置
tianhandigeng：在IE中不行啊
File input 浏览上传按钮样式和文字的更改方法
v韧竹v：怎么属性没有遍历出来？？
Java递归遍历XML所有元素
v韧竹v： ...
Java递归遍历XML所有元素

File input 浏览上传按钮样式和文字的更改方法

阅读更多

File input 浏览上传按钮样式和文字的更改方法

<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>input type file test</title>
</head>
<style>
#uploadImg{ font-size:12px; overflow:hidden; position:absolute}
#fileccc{ position:absolute; z-index:100; margin-left:-180px; font-size:60px;opacity:0;filter:alpha(opacity=0); margin-top:-5px;}
</style>
<body>
<span id="uploadImg">
<input type="file" id="fileccc" size="1" >
<input type="button" value="cccccc">
</span>
</body>
</html>

0
顶

0
踩

分享到：

FileCommon 文件处理公共方法 | sqlserver 分页查询

2010-11-16 20:36
浏览 10586
评论(1)
分类:Web前端
查看更多

评论

1 楼 tianhandigeng 2011-09-15

在IE中不行啊

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

只修改input file组件的浏览按钮样式: 只修改input file组件的浏览按钮样式

type=file的inpu美化，自定义上传按钮样式代码: 那么有一个超级简单的方法，就是先用一个div制作你要的上传按钮的样式，将实际的上传按钮input设置透明，并定位在设置样式的div上面。例子： html部分：点击上传 <input type="file" > css部分： <...

input file 表单修改，IE8 Firefox下兼容: input file 表单很难用css样式来控制，IE下还好，dorder属性可以修改，但firefox下不行，非常丑，而且file的值通过模拟click事件获取的文件不能提交，也不能传给其他函数。浏览按钮长度也不可控制。前几天遇到这个...

关于type=”file”的input框样式修改小结: 关于type=file的input是啥？这个是啥我觉得没必要再说了，反正大家都知道，然后在现在有各种手机的时代，还可以通过直接拍照的方式来上传...上传按钮的样式调整玩过CSS的人朋友都知道，在HTML元素中，表单控件元素的

input file样式修改以及图片预览删除功能详细概括（推荐）: 主要介绍了input file样式修改以及图片预览删除功能，input file 按钮改成自己想要的样式以及.图片预览功能的实现，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。

使用透明效果来自定义文件上传按钮控件样式: 处于安全上的考虑，input[type="file"] 的文件选择按钮样式并不能随意修改(不过可以修改input 的透明度)，可能会跟设计师的设计格格不入，这时可以使用透明效果来自定义上传按钮

修改file按钮的默认样式实现代码: 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd... <... <head> <title>添加附件<... [removed][removed] [removed] function f

从Chrome中提取出来的WebUI样式: 　我稍微对样式进行了点修改，button按钮增加了reset按钮的支持，当ui设置为disabled，修改鼠标默认样式为禁止点击，最后对样式进行了压缩，完整代码如下：复制代码代码如下: /* Copyright (c) 2012 The Chromium ...

jquery.filey:一个极其轻量级的jquery插件，用于以易于设置样式的方式修改文件输入字段: 一个极其轻巧（最小化1,2k）的jquery插件，用于以易于设置样式的方式修改文件输入字段（上传按钮和显示的文件名是自己的元素）用法包含jquery.filey.js并按以下步骤启动： $(document).ready(function() { $('...

jQuery.NiceFileInput.js:jQuery插件，使文件输入CSS样式简单易行: input type="file" /> ）是一项耗时的任务，在不同的浏览器上其结果并不相同。 NiceFileInput使事情变得容易，并在3个不同HTML元素（文本输入，按钮和div容器）上转换了文件输入，您可以使用CSS对其进行样式设置...

fckedit编辑器: 这是改过的Basic，把图像功能去掉，把添加链接功能去掉，因为图像和链接和flash和图像按钮添加功能都能让前台页直接访问和上传文件， fckeditor还支持编辑域内的鼠标右键功能 FCKConfig.ContextMenu = ['Generic...

css笔记课程笔记2019，5，22: ** 图片和文字在一起显示 9、案例图像签名 ** 在图片上面显示文字 10、上午内容总结 1、css和html的四种结合方式（****） 2、css的基本选择器（****） * 标签选择器使用标签名 * class选择器 .名称 * id...

asp.net教学讲义: 3.3.3 InputFile控件 42 3.3.4 HtmlGenericControl 控件 43 3.4 ASP.NET2.0新增控件 45 3.4.1 ImageMap控件 45 3.4.2 FileUpload控件 48 3.5 客户端处理 52 3.5.1 第一种方式示例： 52 3.5.2第二种方式：动态注册...

Google Android SDK开发范例大全(第3版)part2: 由于源文件大小为99.3MB，所以采用分卷压缩的方式进行上传　《Google Android SDK开发范例大全(第3版)》在上一版的基础上，以Android手机应用程序开发（采用Android SDK 2.3.3）为主题，超过200多个范例全面且深度...

《Google Android SDK开发范例大全(第3版)》.pdf: 3.3　更改textview文字颜色　26 3.4　置换textview文字　28 3.5　取得手机屏幕大小　29 3.6　样式化的定型对象　30 .3.7　简易的按钮事件　32 3.8　手机页面的转换　34 3.9　调用另一个activity　37 3.10　...

KODExplorer 芒果云-资源管理器: - 标签关闭提示：检测是否有未保存文件，文件修改实时修改是否修修改的按钮状态 ####fix bug:（bug解决和程序优化） - 文本文件编辑文件名含有url编码则出错bug - 右键菜单在最下面时，右键位置重叠导致点击...

Google Android SDK开发范例大全(第3版) 1/5: 3.3 更改TextView文字颜色 3.4 置换TextView文字 3.5 取得手机屏幕大小 3.6 样式化的定型对象 3.7 简易的按钮事件 3.8 手机页面的转换 3.9 调用另一个Activity 3.10 不同Activity之间的数据传递 3.11 返回数据到前一...

Google Android SDK开发范例大全(第3版) 4/5: 3.3 更改TextView文字颜色 3.4 置换TextView文字 3.5 取得手机屏幕大小 3.6 样式化的定型对象 3.7 简易的按钮事件 3.8 手机页面的转换 3.9 调用另一个Activity 3.10 不同Activity之间的数据传递 3.11 返回数据到前一...

Global site tag (gtag.js) - Google Analytics