Add style to html.dropdownlist when using javascript function on change

Question

I want to add background color to this drop down.. how can I do this.. I tried adding new{style="background-color: #fff;"} to the below code.. but this does not seem to working..

     <%=Html.DropDownList("dd", 
                       new List<SelectListItem>
         {
            new SelectListItem{ Text="dd1", Value = "dd1" }, 
            new SelectListItem{ Text="dd2", Value = "dd2" }

         }
                            , new { onchange = "jsfunc()" } 


         )%>

I tried:

     <%=Html.DropDownList("dd", 
                       new List<SelectListItem>
         {
            new SelectListItem{ Text="dd1", Value = "dd1" }, 
            new SelectListItem{ Text="dd2", Value = "dd2" }

         }
                            , new { onchange = "jsfunc()" }
                            , new {style="background-color: #fff;"}


         )%>

Answer 1

You should avoid using inline styles. I suggest creating a class and the syntax would be

new { @class = "yourclass", @onchange = "jsfunc()" }

Answer 2

I think you had a syntax error, new {@style = "background-color: #fff"} , but you should use a class instead.

Edit

new { @onchange = "jsfunc()", @style = "background-color: #fff"}