در این مقاله قصد داریم توسط 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);
        }

خروجی کار

موفق باشید