رفتن به مطلب

استایل دادن به option selected


پست های پیشنهاد شده

قسمتی که تو عکس زیر هایلایت کردم رو میخوام بهش رنگ و . . . بدم

http://8pic.ir/images/rk86y1j5pilzgsgqj59q.png

لینک به ارسال

من چند وقت پیش دنبالش بودم. هیچی پیدا نکردم

بهترین کار این هست که با استفاده از ul , li و فانکش toggle جی کوئری چیزی شبیه

option selected درست کنی.

در این صورت همه چی دست خودت هست و میتونی هر تغییری خواستی بدی.

مثل چیزی که من درست کردم :

post-2969-0-42079500-1407954275_thumb.jp

ویرایش شده توسط Ghasem Paran
لینک به ارسال

توی این سایت اطلاعات خوبی در این مورد هست:


http://www.scribbletribe.com/how-to-style-the-select-dropdown/

لینک به ارسال

توی این سایت اطلاعات خوبی در این مورد هست:


http://www.scribbletribe.com/how-to-style-the-select-dropdown/

همین هم با استفاده از ul هست :)

لینک به ارسال

تو همین لینکی که گذوشتم هدف همینه،

متأسفانه راهی به جز استفاده از یه ul نیست. چون به خود select نمیشه استایل داد.

ویرایش شده توسط Ehsaan
لینک به ارسال

مثلاً:


<div class="mySelect">
<select>
<option>انتخاب اول</option>
<option>انتخاب دوم</option>
<option>انتخاب شوم</option>
</select>
</div>

با استایل:


.mySelect{
width: 200px;
overflow: hidden;
background: url(images/your image addresss brings here) no-repeat left blue;
border: 1px solid red;
}
.mySelect select{
background: transparent;
width: 230px; /* 200px + 30px =230px */
-webkit-appearance: none;
}

* بازی کردن با رنگ‌ها جهت تطبیق با رنگ تصویر فلش

لینک به ارسال

isk ممنون ، ولی تو این نمونه شما اون فلش که کلا حذف میشه ! نمیشه اون باشه و بهش رنگ بدیم ؟


http://forum.wp-parsi.com/tutorials/article/651-%D8%B4%D8%A8%DB%8C%D9%87-%D8%B3%D8%A7%D8%B2%DB%8C-html-select-%D8%A8%D8%A7-ul/

متشکر

لینک خرابه

ویرایش شده توسط goldenfont
لینک به ارسال

فلش حذف نمیشه! - شما باید یه تصویر png یا jpg از فلش بسازی و در فوادر images در پوشه ی قالبت آپ کنی و در خط زیر نام فایل رو بنویسی :


background: url(images/your image addresss brings here) no-repeat left blue;

مثال

ویرایش شده توسط isk
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...