how to highlight first value from dropdownlist in asp.net

Question

5.00/5 (1 vote)

See more:

how to highlight first value from Dropdownlist in asp.net,

I bind a some values in my Dropdownlist .i need a highlight(different colour) 1st item Dropdownlist .How to do it.any one can help me. Thank You

Posted 27-Nov-13 19:37pm

Hasitha Wijesooriya

Add a Solution

4 solutions

Solution 1

Try this

XML

<style type="text/css">

       option.red
       {
           background-color: red;
       }
       option.blue
       {
           background-color: blue;
       }
       option.white
       {
           background-color: white;
       }

   </style>

XML

<select>
            <option value="item 1" class="red">Item 1</option>
            <option value="item 2" class="blue">Item 2</option>
            <option value="item 3" class="white">Item 3</option>
        </select>

is this sane u r looking for

Posted 27-Nov-13 19:47pm

asbis

Comments

[no name] 28-Nov-13 1:52am

yes.but this one is not working

Solution 3

Hi,

Please set background color as you want in option. and based on option selection you have to change background color of dropdown(select) also. Because option and select control are different. So with the help of javascript/Jquery you can manage BG color of option and select box.

Hope this will help

Posted 27-Nov-13 20:27pm

Naresh Pansuriya

Solution 4

U can use jquery with a simple function.

$(function(){

$('select').bind('change',function()){
$(this option:selected).css('background-color','red');
});

});

This will solve your problem.

Posted 27-Nov-13 22:42pm

Jain Nishant

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

JoCodes · Accepted Answer · 2013-11-27T20:06:00

Solution 2

Try the below code

dropdownlist1.Items[0].Attributes.Add("style","background-color:Red");

hope this helps...

Posted 27-Nov-13 20:06pm

JoCodes

Updated 27-Nov-13 20:45pm

v2