当前位置:Gxlcms > html代码 > InputFile表单上传按钮美化_html/css_WEB-ITnose

InputFile表单上传按钮美化_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:28人阅读

HTML

上传图片

CSS

.input-file-button {  display:block;  width: 200px;  height: 80px;  text-align: center;  line-height: 80px;  color: #fff;  font-size: 30px;  font-family: "MicroSoft YaHei";  text-shadow: 0px 0 5px #A74900;  border-radius: 5px;  overflow: hidden;  position: relative;  background: #EC6D0B;}.input-file {  height: 80px;  font-size: 200px;  overflow: hidden;  position: absolute;  top: 0;  right: 0;  opacity: 0;  filter: alpha(opacity=0);  cursor: pointer;}

 

人气教程排行