goldenfont

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

12 پست در این موضوع قرار دارد

سلام دوستان چجوری میشه به یک option selected استایل دلخواهمون رو بدیم ؟

ممنون

به اشتراک گذاری این پست


لینک به پست

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

بهترین کار این هست که با استفاده از 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;
}

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

به اشتراک گذاری این پست


لینک به پست

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/

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری