MultiSelect - data-placeholder - style

[Gabriel]

Hi,

I use the element MultiSelect like this :

<select id="MyId" data-placeholder="My text"></select>
        
$("#MyId").kendoMultiSelect({
        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.

[Iliana Dyankova]

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 */
}

Regards,
Iliana Nikolova
Telerik