Input File 表单上传按钮美化_html/css_WEB-ITnose
Jun 24, 2016 pm 12:33 PM
HTML
<div class="input-file-button">上传图片<input type="file" class="input-file" hidefocus /></div>
.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;}

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt?

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren?

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu?

Was ist der Zweck des & lt; Meter & gt; Element?

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5?

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?

Was ist der Zweck des & lt; datalist & gt; Element?

Was sind die Sicherheitsauswirkungen der Verwendung von IFRames und wie kann ich sie mildern?
