How to add border to the select tags
<p>I implemented drop down select tags but i want to add the <code>border</code> to the tags like the below image.
Just like the below image i want to add the border to the container. Iam unable to identify for which div i want to add the border. Any work would be really appreciable.
 <a href="https://i.stack.imgur.com/kNg2x.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kNg2x.png" alt="border"></a>.</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; }&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" style="float:left;width:49%; margin-right:2%"&gt;
      &lt;div id="select" class="demo-section k-content"&gt;
           
            &lt;h4 style="margin-top: 2em;"&gt;select&lt;/h4&gt;
            &lt;select id="size" placeholder="Select size..." style="width: 140px;" &gt;
              &lt;option /&gt;easy 
              &lt;option /&gt;to
              &lt;option /&gt;code
              &lt;option /&gt;way
              &lt;option /&gt;always
              &lt;option /&gt;easily
            &lt;/select&gt;
     
            
        &lt;/div&gt;
&lt;/div&gt;
        
&lt;div id="example1" role="application" style="float:left;width:49%;margin-right:0;margin-left: -28%;"&gt;
      &lt;div id="select" class="demo-section k-content"&gt;
           
            &lt;h4 style="margin-top: 2em;"&gt;select&lt;/h4&gt;
            &lt;select id="size1" placeholder="Select size..." style="width: 140px;" &gt;
              &lt;option /&gt;C++
              &lt;option /&gt;java
              &lt;option /&gt;jquery
              &lt;option /&gt;html
              &lt;option /&gt;css
              &lt;option /&gt;unix
            &lt;/select&gt;
     
            
        &lt;/div&gt;
 &lt;/div&gt;



&lt;div id="example2" role="application" style="float:left;width:49%;margin-right:0;margin-left: -26%;"&gt;
      &lt;div id="select" class="demo-section k-content"&gt;
           
            &lt;h4 style="margin-top: 2em;"&gt;select&lt;/h4&gt;
            &lt;select id="size2" placeholder="Select size..." style="width: 140px;" &gt;
              &lt;option /&gt;php
              &lt;option /&gt;framworks
              &lt;option /&gt;are
              &lt;option /&gt;good
              &lt;option /&gt;to
              &lt;option /&gt;code
            &lt;/select&gt;
     
            
        &lt;/div&gt;
 &lt;/div&gt;

&lt;div id="example3" role="application" style="float:right;width:49%;margin-right: -110px;
    margin-top: -100px;"&gt;
      &lt;div id="select" class="demo-section k-content"&gt;
           
            &lt;h4 style="margin-top: 2em;"&gt;select&lt;/h4&gt;
            &lt;select id="size3" placeholder="Select size..." style="width: 140px;" &gt;
              &lt;option /&gt;google
              &lt;option /&gt;yahoo
              &lt;option /&gt;are
              &lt;option /&gt;good
              &lt;option /&gt;search
              &lt;option /&gt;engines
            &lt;/select&gt;
     
            
        &lt;/div&gt;
 &lt;/div&gt;








            &lt;script&gt;
                $(document).ready(function() {
                    // create ComboBox from input HTML element
                    
                    // create ComboBox from select HTML element
                    $("#size").kendoComboBox();
 $("#size1").kendoComboBox();

 $("#size2").kendoComboBox();
                   $("#size3").kendoComboBox();
     var select = $("#size").data("kendoComboBox");
var select = $("#size1").data("kendoComboBox");

var select = $("#size2").data("kendoComboBox");


var select = $("#size3").data("kendoComboBox");

    
                });
            &lt;/script&gt;





&lt;/!doctype&gt;</code></pre>
</div>
</div>
</p>