ضمیمه یا آپلود کردن فایل با ایکون دلخواه نه استایل پیش فرض
سوال جدیدسلام خسته نباشید.
یه آیکونی دارم قصد دارم که وقتی روش کلیک شد بتونه فایل یا عکسی رو اتچ کنه .
میدونم که با کد <“input type=”file”> میشه این کارو کرد اما من شمایلش رو دوست ندارم مثلا یه متنی رو کنار دکمه قرار میده که من نمیخوام اون متن باشه و اینکه میخوام این اتفاق روی ایکون مورد نظر خودم اتفاق بیفته نه دکمه ی پیش فرض خودش
تشکر
سلام
باید با position این کارو انجام بدی.
به دکمه file ویژگی های زیر رو اعمال کن:
opacity:0;
position:relative;
z-index:10;
بعد با position ایکون مورد نظر رو روی دکمه قرار بده .
position:absolute;
top:3px;
right:3px;
z-index:5;
یک راهش استفاده از label و مخفی کردن اینپوت هست مثل نمونه زیر
https://jsbin.com/gecotoweja/1/edit?html,css,output
لینک مطلب مرتبط
https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/