Create dropdown

Question

Please anyone help me how to create dropdown menu using htm5 and css I need dropdown like attached image

Uchiha Itachi · Answer

You can consider to try some C# code to implement a dropdown control . C# will be widely used in web developing and much more slick than html and css. private void dropDownList_VisualListItemFormatting( object sender, VisualItemFormattingEventArgs args) { if (args.VisualItem.Chosen) { args.VisualItem.NumberOfColors = 1; args.VisualItem.BackColor = Color.Green; args.VisualItem.BorderColor = Color.Purple; } else { args.VisualItem.ResetValue(LightVisualElement.NumberOfColorsProperty, Kettic.WinControls.ValueResetFlags.Local); args.VisualItem.ResetValue(LightVisualElement.BackColorProperty, Kettic.WinControls.ValueResetFlags.Local); args.VisualItem.ResetValue(LightVisualElement.BorderColorProperty, Kettic.WinControls.ValueResetFlags.Local); } }

Amit Tripathi · Answer

Hello Samanta http://cssdeck.com/labs/another-simple-css3-dropdown-menu

Sanjay Singh · Answer

hello samanta from dropdown list http://www.c-sharpcorner.com/Blogs/15231/

samanta · Answer

thank you

Sanjeeb Lenka · Answer

just check the attachment

samanta · Answer

In this code when i select item from dropdown blue color will fill the dropdown (when using IE) what is the solution for it .back { background: transparent; background-image:url('drop.jpg'); }

Sanjeeb Lenka · Answer

try this: Simple placing dropdown into a container DIV of a lesser width with overflow:hidden for example: width:200px; overflow:hidden " > width:220px ">

samanta · Answer

can you assist me that how can i do using asp.net

samanta · Answer

sir now i am trying using asp.net but i am unable remove defult arrow from dropdownlist

Sanjeeb Lenka · Answer

share your sample code i will try.

samanta · Answer

i am unable to do it sir

Sanjeeb Lenka · Answer

Refer to this link http://bavotasan.com/2011/style-select-box-using-only-css/ http://www.red-team-design.com/making-html-dropdowns-not-suck

Create dropdown

Answers (12)