Sekiranya anda berminat dengan gaya khusus Webkit / Blink / Chrome, ada elemen semu eksklusif untuk disembunyikan, dan kemudian gunakan psudeo-on-an-input yang tidak standard:
.custom-file-input::-webkit-file-upload-button ( visibility: hidden; ) .custom-file-input::before ( content: 'Select some files'; display: inline-block; background: linear-gradient(top, #f9f9f9, #e3e3e3); border: 1px solid #999; border-radius: 3px; padding: 5px 8px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; font-weight: 700; font-size: 10pt; ) .custom-file-input:hover::before ( border-color: black; ) .custom-file-input:active::before ( background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); )Demo
Lihat Input Fail Custom Pen di WebKit / Blink oleh Chris Coyier (@chriscoyier) di CodePen
Amaran yang wajar: tidak menunjukkan nama fail yang dipilih, tetapi anda mungkin dapat mengubahnya untuk melakukannya. Saya dapati pada kebiasaannya pada hari ini anda mencetuskan peristiwa setelah pemilihan fail dan menyembunyikan data dengan cara itu.
Borang WTF
Sentiasa bernilai memeriksa bagaimana bentuk WTF juga:
Lihat Input Fail Pen dari Borang WTF oleh Chris Coyier (@chriscoyier) di CodePen.