This is a migrated thread and some comments may be shown as answers.

MultiSelect - data-placeholder - style

1 Answer 285 Views
MultiSelect
This is a migrated thread and some comments may be shown as answers.
Gabriel
Top achievements
Rank 1
Gabriel asked on 31 Jan 2014, 02:59 PM
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.

1 Answer, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 04 Feb 2014, 12:21 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
MultiSelect
Asked by
Gabriel
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Share this question
or