طریقه استایل دادن به کنترل نوع آپلود فایل

[maha19]

سلام
چطور میتونم استایل یک کنترل آپلود فایل رو تغییر بدم چنین امکانی وجود داره؟
مثلا دکمش عوض بشه استایلش

[fakhravari]

نمیشه باید یه استایلی انتخاب کنید و بع با jquery تابع click فایل اپلود صدا کنی

[maha19]

نمیشه باید یه استایلی انتخاب کنید و بع با jquery تابع click فایل اپلود صدا کنی
متوجه منظورتون نمیشم آخر میشه یا نمیشه؟

[keiv@n]

"bootstrap => class = "form-control

[alireza_s_84]

سلام
چطور میتونم استایل یک کنترل آپلود فایل رو تغییر بدم چنین امکانی وجود داره؟
مثلا دکمش عوض بشه استایلش
استایل دادن به کنترل FileUpload امکانپذیر نیست ولی میشه اون رو یه جورایی مخفی کرد و توی یک Div قرار داد و به اون Div استایل داد.
از اونجا که به دلایل امنیتی مرورگرها اجازه نمیدن با اسکریپت مقدار کنترل FileUpload تغییر بکنه باید به دنبال راهی باشیم که خود کنترل در صحنه باشه ولی دیده نشه. کد عمومی و رایج برای اینکار به شکل زیر هست:

input[type="file"] {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
-moz-opacity: 0; /* Netscape */
-khtml-opacity: 0; /* Safari 1.x */
opacity: 0; /* Good browsers */
direction: rtl;
position: absolute;
z-index: 1000;
cursor: pointer;
-webkit-appearance: initial;
outline: none;
display: block;
top: 0px;
font-size: 1000px;
left: 0px;
}

.file {
width: 50px;
background: url('../Content/images/toolbars.png') no-repeat 0px 356px;
position: relative;
}



نحوه استفاده هم خیلی ساده ست شما یک div قرار میدی و کلاس اون رو برابر file ست میکنی و توی این div یک کنترل FileUpload قرار میدی.
شما میتونید برای رسیدن به استایل دلخواه خودتون کلاس file رو تغییر بدین فقط حتما خاصیت position: relative اون رو رعایت کنید.
موفق باشید.