MultiSelect - data-placeholder - style

2 posts, 0 answers
  1. Gabriel
    Gabriel avatar
    3 posts
    Member since:
    Nov 2012

    Posted 31 Jan 2014 Link to this post


    I use the element MultiSelect like this :

    <select id="MyId" data-placeholder="My text"></select>
            dataTextField: "Name",
            dataValueField: "Id",
            itemTemplate: "<div>#:data.Name#</div>",
            dataSource: {
                type: "json",
                serverFiltering: true,
                serverPaging: true,
                pageSize: 2,
                transport: {
                    read: {
                      url: DM3_Reporting.RestServiceUrl + 'fleet',
                        type: "GET"

    All work fine, but I need to change the style of the data-placeholder : "MyText".

    Can you tell me how can I change this style in my css ?

    Thanks in advance.
  2. Iliana Nikolova
    Iliana Nikolova avatar
    2570 posts

    Posted 04 Feb 2014 Link to this post

    Hi Gabriel,

    In order to achieve the expected result you could use the following CSS rules:
    .k-multiselect-wrap>.k-input {
       color: #f02c0c; /* specify the default input color */
    .k-multiselect-wrap>.k-input:focus {
       color: #000; /* specify the focused input color */

    Iliana Nikolova
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top