Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > 改变文件域的样式实现思路同时兼容ie、firefox_javascript技巧

改变文件域的样式实现思路同时兼容ie、firefox_javascript技巧

WBOY
Freigeben： 2016-05-16 17:19:03
Original
1280 Leute haben es durchsucht
复制代码 代码如下:









思路：

1、把顽固的文件域就是 透明化：style="-moz-opacity:0;filter:alpha(opacity=0);opacity:0;"

2、用一个文本框和按钮代替文件与的外观

3、将文件域的浏览按钮放到我们写的按钮的上方

4、用js得到文件域value改变时的值即：得到的文件路径，并赋给文本框的value，这样就ok了

我只是试验，样式很简陋；其实可以进一步美化；

这样的好处：只是模拟了file文件域的外观，其实起作用的还是文件域file，这样就很方便。
Verwandte Etiketten：
file
Quelle：php.cn
Vorheriger Artikel：js设置cookie过期及清除浏览器对应名称的cookie_javascript技巧 Nächster Artikel：js switch case default 的用法示例介绍_javascript技巧
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Verschieben Sie den Inhalt nach links, indem Sie die Eigenschaft „Width' hinzufügen Ich habe dem Körper Ränder gegeben. main {linker Rand: 200px; rechter Rand: 200px; Textaus...
Aus 2024-04-06 22:01:35
0
3
816
Wie löst man das Rendern (mit Filter und Paginierung) für die Sortiermethode in React aus? Hier ist meine Sort.js-Stilkomponente: <SortWrapper><SortText>SortBy</SortT...
Aus 2024-04-06 21:28:37
0
1
2257
Was sind die Best Practices für die Anzeige von Versionsinformationen in Webanwendungen? Ich entwickle eine Webanwendung. Was sind die Best Practices für die Anzeige von Versionsi...
Aus 2024-04-06 19:13:16
0
2
476
Vergleichen Sie Imagick, Adobe Photoshop und Windows – Auflösung erkennen (Pixel pro Zentimeter oder Pixel pro Zoll) Dies ist keine Frage, sondern ein Versuch, mein Verständnis darüber zu verbessern, wie DPI...
Aus 2024-04-06 16:01:27
0
1
397
Auch nach dem Löschen bleibt der Wert meiner Dateieingabe erhalten Wie Sie im Screenshot sehen können. Ich wähle eine Datei aus, behalte das Popup bei, ohne ...
Aus 2024-04-06 15:44:52
0
1
384
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage