您身边的网站建设专家
日期： 2022-09-20 15:42:33 浏览数：3
上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
鄄城小程序制作【鄄城企业邮箱】鄄城网站外包、鄄城微信商城开发、鄄城网店美工、鄄城淘宝设计
鄄（juàn）城县，隶属于山东省菏泽市，位于山东省西南部，西北两面跨黄河与河南省毗邻，因境内有鄄邑、鄄城而得名，截至2018年12月底，鄄城县土地调查面积1037.67平方公里。 [1]
鄄城县是国家级生态示范区，全国粮食生产基地县，全国平原绿化先进县，全国鲁西黄牛和中国斗鸡保种基地，古代军事家、一代兵师孙膑的故里，是山东省首批20个省管县之一，列入国家民政部命名的“千年古县”。 [2]
2019年，鄄城县下辖2个街道、13个镇、2个乡 [3] 。2018年，鄄城县常住人口76.41万人，实现地区生产总值（GDP）198.67亿元，其中，第一产业增加值28.7亿元，第二产业增加值92.31亿元，第三产业增加值77.66亿元，三次产业构成为14.4：46.5：39.1，人均地区生产总值25416元。 [4]
每当看到别人家的东西，总是那么的优美，他们的是这样的：
再想想自己家的是这样的。
样式没个性就算了，还那么多的废字，今天我们分享的就是如何把file表单做的漂亮些，废话不多说，直接进入正题。
其实当初自己的理解无非是利用postion来制作，但是后来看看网上很多朋友是把file表单的opacity设置成透明，然后在上面覆盖一层，但是发现这样对齐并不是很好，后来在张鑫旭博客看到他用的是label，然后直接通过CSS的clip属性来裁剪显示区域，这样就不用设置透明，就可以方便的设置成可视区域0，这样表单file就看不到，点不到了，那么接下来直接上代码：
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>Demo</title>
<style media="screen">
body{font-family: '微软雅黑'; font-size: 14px; margin: 0; padding: 0;}
.md_f{margin: 20px;}
.files{display: inline-block; border-radius: 4px; padding: 10px 10px; border: 0; background-color: #f66; color: #fff; position: relative; z-index: 2;}
.files:hover{opacity: 0.8; cursor: pointer;}
#files{position: absolute; clip:rect(0 0 0 0);}
</style>
</head>
<body>
<div class="md_f">
<form class="md_fs" action="index.html" method="post">
<label for="files" class="files">上传文件</label>
<input type="file" name="files" id="files"><br/>
</form>
</div>
</body></html>鄄城小程序制作【鄄城企业邮箱】鄄城网站外包、鄄城微信商城开发、鄄城网店美工、鄄城淘宝设计
上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。
服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）
