باسلام همانطور که میدانید فیلد آپلود دارای یک استایل معمولی و متن از پیش تعریف شده است که این استایل و متن پیش فرض جلوه ی کاربر پسندی ندارد. در این آموزش قصد دارم به شما نشان بدهم که چگونه میتوان فقط با استفاده از کدهای css به این دکمه آپلود فایل استایل و متن دلخواه را اعمال کرد. برای مشاهده دموی این آموزش اینجا کلیک کنید. ابتدا با استفاده از کدهای HTML زیر دکمه آپلود فایل را ایجاد میکنیم:
سپس با استفاده از کدهای CSS زیر استایل مورد نظر را بر روی فیلد آپلود اعمال میکنیم. توجه کنید که همانطور که در دمو مشاهده میکنید این کدهای css برای استایل دهی به دو دکمه آپلود فایل نوشته شده و برای همین یکم طولانی هست و اگه شما در فرم مورد نظرتون فقط یک دکمه دارید فقط قسمت مورد نیاز را کپی کنید. برای تغییر متن دکمه ها دو قسمت Choose File و Browse File را به متن دلخواه تغییر دهید.
برای دانلود همه ی کدها در یک فایل جداگانه اینجا کلیک کنید. منبع: htmllion موفق باشید.
