html input=“file”的默认样式

<formaction="uploadServlet.do"method="post"enctype="multipart/form-data">请选择图片<inputt... <form action="uploadServlet.do" method="post" enctype="multipart/form-data">
请选择图片<input type="file" name="file" />

<input type="submit" value="提交" />
</form>
原版的默认的就够丑的了我去这个简直了！而且选择文件根本不提示目录
不应该显示是这样的吗展开





 我来答

你的回答被采纳后将获得：
系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏5（财富值+成长值）

3个回答

#热议# 普通体检能查出癌症吗？

匿名用户
推荐于2018-03-22

展开全部

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>定义html 中input file的样式</title>
<style type="text/css">
body {
	font-size: 14px;
}

input {
	vertical-align: middle;
	margin: 0;
	padding: 0
}

.file_style {
	position: relative;
	width: 340px
}

.text_style {
	height: 22px;
	border: 1px solid #cdcdcd;
	width: 180px;
}

.button_style {
	background-color: #FFF;
	border: 1px solid #CDCDCD;
	height: 24px;
	width: 70px;
}

.file_item {
	position: absolute;
	top: 0;
	right: 80px;
	height: 24px;
	filter: alpha(opacity : 0);
	opacity: 0;
	width: 260px
}
</style>
</head>
<body>
	<div class="file_style">
		<form action="" method="post" enctype="multipart/form-data">
			<input type="text" name="textfield" id="textfield" class="text_style"/> <input
				type="button" class="button_style" value="浏览..." /> <input type="file"
				name="fileField" class="file_item" id="fileField" size="28"
				onchange="document.getElementById('textfield').value=this.value" />
			<input type="submit" name="submit" class="btn" value="上传" />
		</form>
	</div>
</body>
</html>


本回答被提问者和网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起