`
stride
  • 浏览: 59736 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

用CSS简单实现的点按钮选择文件的小例子

CSSIE浏览器HTML 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
<!--
a.input_file_container{
	display:block;
	float: left;
	overflow: hidden;
	position:relative;
	width: 55px;
	height: 20px;
	border: 1px solid black;
	font-size: 10pt;
	line-height: 20px;
	text-align:center;
	color: black;
	text-decoration: none;
}
a.input_file_container:hover{
	background-color: #ECFFEE;
	border: 1px solid #268C00;
}
.input_file{
	width:75px;
	position: absolute;
	cursor: pointer;
	left: -5px;
	filter:alpha(opacity=1); /* IE */
	-moz-opacity:0.01; /* Moz + FF */
	opacity: 0.01; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}
-->
</style>
</HEAD>
<BODY>
<form action='http://g.cn'>
	<a href='####' id="inputFileContainer" class="input_file_container">
		<input type=file id='file1' name='file1' class='input_file' onchange='this.form.submit()' hidefocus="true" />
		浏览 ...
	</a>
</form>
</BODY>
</HTML>
0
顶
0
踩
分享到：
| JRockit JAVA内存溢出检测的使用（CHM）
评论
发表评论

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

相关推荐

    CSS简单大气按钮

    在网页设计中，CSS（Cascading Style Sheets）是一种用于定义HTML或XML...在"css3-buttons-download"这个压缩包文件中，可能包含了多种不同样式的按钮示例，你可以参考这些代码，进一步学习和定制自己的CSS按钮样式。

    CSS button例子

    通过下载并研究“32、分享50个CSS超炫丽button样式代码下载”的文件，你可以发现更多创新的CSS技巧，这些技巧涵盖了上述各个点，帮助你在实际项目中创建出既美观又实用的按钮。不断实践和学习这些例子，你的CSS技能...

    Css3实现的漂亮按钮

    首先，CSS3引入了许多新的选择器，如类选择器、伪类选择器（如`:hover`, `:active`, `:focus`）和属性选择器，这些使得我们可以更精确地控制按钮在不同状态下的样式。例如，通过`:hover`可以设置鼠标悬停时按钮的...

    css3鼠标悬停按钮的动画

    在这个案例中，我们可能使用这两个伪元素来创建按钮的边框，然后通过添加动画效果来实现悬停时的动态变化。 接下来，我们要讨论的是CSS3的动画功能。CSS3的`@keyframes` 规则允许我们定义动画的各个关键帧，即动画...

    CSS3样式的按钮切换选择类

    在网页设计中，CSS3（层叠样式...它结合了CSS3的样式能力与jQuery的事件处理，使得在网页开发中实现复杂的按钮选择功能变得简单易行。通过深入理解和应用这些技术，开发者能够提升网站的用户体验，同时减少编码工作量。

    CSS3实现鼠标悬停链接按钮代码.zip

    当我们谈论“CSS3实现鼠标悬停链接按钮代码”时，我们指的是利用CSS3的特性来设计一个按钮，在鼠标悬停时能呈现出特定的动画效果。这通常包括颜色变化、形状变形、过渡效果等，以增加用户与网页的互动性。 这个...

    用CSS写的发送按钮特效

    利用CSS，我们可以实现丰富的视觉效果，包括动态按钮。本教程将深入探讨如何使用CSS创建一个具有吸引力的“发送”按钮特效。 首先，我们从HTML结构开始。一个基本的“发送”按钮通常包含一个`&lt;button&gt;`或`...

    CSS实现Bubble气泡按钮

    本文将深入探讨如何使用CSS来实现Bubble气泡按钮，同时也会提供一个简单的示例代码。 首先，我们需要理解CSS（Cascading Style Sheets）的作用，它是用来描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式...

    收集几款漂亮的CSS3按钮美化例子.rar

    很可能是包含这些按钮样例的源代码文件，通过查看和分析这些代码，开发者可以学习到如何在实际项目中应用这些效果，例如如何定义按钮的大小、颜色、边框、字体等样式，以及如何使用:hover、:active、:focus等伪类...

    初学css制作的按钮变色

    至此，我们已经创建了一个基本的CSS按钮颜色变化效果。当用户将鼠标移到按钮上时，按钮的背景颜色或背景图片会根据`:hover`定义的样式发生变化。这个简单的实例展示了CSS的灵活性和强大的样式控制能力，对于初学者来...

    CSS3提交按钮Loading代码

    【CSS3提交按钮Loading代码】是一种利用CSS3技术实现的交互设计，常见于网页中的订单提交或重要操作按钮。这种设计能提供一个视觉反馈，让用户知道系统正在处理他们的请求，而不是简单地显示一个静态的“提交”按钮...

    5款纯css3按钮样式

    本资源“5款纯css3按钮样式”就是一个很好的例子，展示了如何利用CSS3的特性来打造吸引眼球且功能多样的按钮。以下是关于这个主题的详细讲解。 首先，CSS3的伪元素`::before`和`::after`在这些按钮样式中起到了关键...

    具有动画效果的在CSS3按钮特效.rar

    【标题】"具有动画效果的在CSS3按钮特效.rar"是一个关于使用CSS3技术实现动态按钮设计的资源包。在现代网页设计中，交互性和视觉吸引力是关键元素，CSS3的引入极大地丰富了网页的样式和动画效果。这个资源包特别关注...

    AjAX CSS 小例子

    这个名为"AjAX CSS 小例子"的压缩包文件提供了一些实用的示例，帮助我们深入理解这两者在实际应用中的工作方式。 首先，让我们关注AJAX。AJAX是一种创建动态网页的技术，它允许网页在不重新加载整个页面的情况下与...

    CSS定义立体化渐变按钮

    本教程将详细讲解如何使用CSS创建具有立体感和渐变效果的“水晶按钮”，以及实现按钮在选中状态下的变化。 首先，我们需要了解CSS中的渐变。渐变分为线性渐变（linear-gradient）和径向渐变（radial-gradient）。在...

    js+css3提交按钮点击动画特效

    【js+css3提交按钮点击动画特效】是一种利用JavaScript（js）和层叠样式表第三版（css3）技术实现的交互式网页设计元素。在网页表单中，提交按钮是用户进行操作的关键元素，而为其添加动画效果可以提升用户体验，...

    javafx应用不同的css文件

    在"javafx应用不同的css文件"这个例子中，我们可能会看到如何动态地绑定不同的CSS文件到JavaFX scenegraph，从而实现风格的切换。 首先，你需要理解JavaFX CSS的基本语法。JavaFX的CSS语法与标准的Web CSS有相似之...

    HTML + CSS 光影按钮样式

    在网页设计中，HTML 和 CSS 是两种至关重要的技术，用于构建和美化网页界面。...这个例子展示了如何利用CSS的力量，让按钮看起来更加生动和交互性更强，这对于提升网站或应用的整体用户体验至关重要。

    css3点击按钮发光效果.zip

    1. **伪类选择器**：在CSS3中，我们可以使用`:hover`、`:active`和`:focus`等伪类选择器来改变元素在不同状态下的样式。在这个例子中，`:active`伪类可能是用来定义按钮被点击时的样式。 2. **transition（过渡）**...

Magicbox
Global site tag (gtag.js) - Google Analytics