تغییر ظاهر DropDown Box در CSS

[MehryarS 10]

سلام به دوستان ...

من یه DropDown Box توی فرم دارم می خوام ظاهرش رو متفاوت کنم... خود DropDown Box رو تونستم تغییر بدم اما نمی دونم فلش بقلش رو چجوری میشه ظاهرش رو تغییر داد من اگر راهنماییم کنین ممنون میشم...

:ds6a5d:

[ابوالفضل طالبی 282]

ابتدا کد لیست خودتون رو داخل یک div مانند کد زیر قرار بدید:

[color=#339933]<[/color]div [color=#000000][b]class[/b][/color][color=#339933]=[/color][color=#0000ff]"styled-select"[/color][color=#339933]>[/color] [color=#339933]<[/color]select[color=#339933]>[/color] [color=#339933]<[/color]option[color=#339933]>[/color]Here is the first option[color=#339933]</[/color]option[color=#339933]>[/color] [color=#339933]<[/color]option[color=#339933]>[/color]The second option[color=#339933]</[/color]option[color=#339933]>[/color] [color=#339933]</[/color]select[color=#339933]>[/color] [color=#339933]</[/color]div[color=#339933]>[/color]

حالا کلاس زیر رو در فایل css خودتون قرار بدید:

[color=#6666ff].styled-select[/color] [color=#00AA00]{[/color]    [color=#000000][b]width[/b][/color][color=#00AA00]:[/color] [color=#933]240px[/color][color=#00AA00];[/color]    [color=#000000][b]height[/b][/color][color=#00AA00]:[/color] [color=#933]34px[/color][color=#00AA00];[/color]    [color=#000000][b]overflow[/b][/color][color=#00AA00]:[/color] [color=#993333]hidden[/color][color=#00AA00];[/color]    [color=#000000][b]background[/b][/color][color=#00AA00]:[/color] [color=#993333]url[/color][color=#00AA00]([/color][color=#ff0000][i]new_arrow.png[/i][/color][color=#00AA00])[/color] [color=#993333]no-repeat[/color] [color=#000000][b]right[/b][/color] [color=#cc00cc]#ddd[/color][color=#00AA00];[/color] [color=#00AA00]}[/color]

در این کلاس یک تصویر ادرس دهی شده که تصویر زیر است ، ان را در محل مناسب آپلود کنید و مسیر آن را در کد بالا اصلاح کنید:

[ATTACH=CONFIG]1721[/ATTACH]

در نهایت شما یک لیست مانند شکل زیر خواهید داشت:

[ATTACH=CONFIG]1722[/ATTACH]