PDA

View Full Version : دادن استایل به dropdownlist



hgh.just.hony
یک شنبه 23 مهر 1391, 11:24 صبح
سلام
چه حوری میشه به dropdownlist یک استایل داد؟
اینو (http://bavotasan.com/2011/style-select-box-using-only-css/)زدم اما اعمال نشد.

.styled-select select {
background: transparent;
color:Gray;
border-style:solid;
padding: 2px;
border: 1px solid White;

}
.styled-select {
overflow: hidden;
background: url(Imags/arrowDRDNLst.png) no-repeat right #ddd;
}

:متفکر::متفکر::متفکر:

hgh.just.hony
یک شنبه 23 مهر 1391, 13:08 عصر
بهش بک گراند هم دادم نشد
میخام این شکلی بشه

Saber Mogaddas
یک شنبه 23 مهر 1391, 18:11 عصر
سلام
دوست عزیز طبق آموزش این سایت ابتدا drop down list را داخل یک دیو با کلاس برای مثال .styled-select قرار می دهیم..


<div class="styled-select"> <select> <option>Here is the first option</option> <option>The second option</option> </select> </div>

و توسط select زیر در css استایل مورد نظر رو اعمال می کنیم :


.styled-select select {
background: transparent;
color:Gray;
border-style:solid;
padding: 2px;
border: 1px solid White;

}
.styled-select {
overflow: hidden;
background: url(Imags/arrowDRDNLst.png) no-repeat right #ddd;
}



به این صورت اگه مشکلی ایجاد شد فایلی که تنظیم کردید رو همراه با استایل هاش ضمیمه کنید تا بررسی شه/
موفق باشید..