فارسی کردن دکمه Brows در FileUpload
یکشنبه 11 مرداد 1394در این مقاله قصد داریم توسط css دکمه Brows از FileUpload را فارسی کنیم .
ابتدا یک input از نوع File در صفحه قرار میدهیم
<input type='file' id='file_browse'/>
سپس چند تصویر داریم که به صورت فارسی گزینه انتخاب فایل را نمایش میدهند
در انتها به المان مورد نظر استایلها زیر را اعمال می کنیم
#file_browse_wrapper { width: 105px; height: 41px; background: url('file_browse_normal.png') 0 0 no-repeat; border: none; overflow: hidden; } #file_browse_wrapper:hover { background: url('file_browse_hover.png') 0 0 no-repeat; } #file_browse_wrapper:active { background: url('file_browse_pressed.png') 0 0 no-repeat; } #file_browse { margin-left: -145px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
خروجی کار
موفق باشید
- HTML
- 3k بازدید
- 4 تشکر