Heim > Artikel > Web-Frontend > Input File 表单上传按钮美化_html/css_WEB-ITnose
Input File 表单上传按钮美化_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:33:501373Durchsuche
HTML
<div class="input-file-button">上传图片<input type="file" class="input-file" hidefocus /></div>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;} Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：【练习】响应式布局_html/css_WEB-ITnoseNächster Artikel：简明CSS属性：定位_html/css_WEB-ITnose