Background color of DropDownList's selection value box

[Tom]

How can I set the background color of a DropDownList's selected value box. Adding the following to the DropDownList html helper code: .ValueTemplate("<div style='background-color:yellow'>#= data.Role #</div> results in just the background of the value text being colored yellow. The background of the entire box not behind the value text remains unchanged.

 

[Martin]

Hello Tom,

You can change the background color of the input field containing the selected value with the bellow CSS:

<style>
    .k-dropdown-wrap {
        background-color: yellow !important;
    }
</style>

The ValueTemplate configuration will append a new div to the span.k-input element. Attached you will find a project showing the result of the above snippet.

Feel free to ask if you have further questions.

Regards,
Martin
Progress Telerik