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

    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.
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 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 */
    }

    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
Back to Top