title: How to set the color and font style of placeholder text
body: <p>I want to set the color to the placeholder, change the font style to bold, and increase the size.</p>
  
  <p>How can I achieve this? Should I give style to the placeholder, or is there any other way can I achieve this? I want to set the color and change font style to work in all browsers for select size in the below result.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  
  
  
  &lt;style&gt;html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
  
  
  .k-dropdown-wrap{
    border-width: 5px !important;
    border-color: #D8D3D3 !important;
  }
  
  }
  
  
  
  &lt;/style&gt;
  
  &lt;link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.common-material.min.css" /&gt;
  &lt;link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.material.min.css" /&gt;
  &lt;link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.default.mobile.min.css" /&gt;
  
  &lt;script src="//kendo.cdn.telerik.com/2016.2.607/js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="//kendo.cdn.telerik.com/2016.2.607/js/kendo.all.min.js"&gt;&lt;/script&gt;
  
  
  
      &lt;div id="example" role="application"&gt;
          &lt;div id="tshirt-view" class="demo-section k-content"&gt;
  
          
          &lt;select id="size" placeholder="Select City..." style="width: 300px;" &gt;
            &lt;option /&gt;
            &lt;option /&gt;Newyork
            &lt;option /&gt;Hyderabad
            &lt;option /&gt;Bangalore
            &lt;option /&gt;Kolkata
            &lt;option /&gt;Delhi
          &lt;/select&gt;
  
  
      &lt;/div&gt;
  
          &lt;script&gt;
              $(document).ready(function() {
                  // create ComboBox from input HTML element
  
                  // create ComboBox from select HTML element
                  $("#size").kendoComboBox();
  
  
                  var select = $("#size").data("kendoComboBox");
  
  
  
              });
  
  
          &lt;/script&gt;
      &lt;/div&gt;&lt;/!doctype&gt;</code></pre>
  </div>
  </div>
  </p>