title: Applying k-state-disabled class to text inputs - Kendo UI
body: <p>Here is my jsfiddle <a href="http://jsfiddle.net/94HDF/" rel="nofollow">demo</a>. </p>
  
  <pre><code>    &lt;div id="example" class="k-content"&gt;
          &lt;div class="demo-section"&gt;
              &lt;p&gt;
                  &lt;label for="products"&gt;Products:&lt;/label&gt;&lt;input id="products" disabled="disabled" style="width: 300px" /&gt;
              &lt;/p&gt;
  
              &lt;p&gt;
                  &lt;label&gt;Text:&lt;/label&gt;&lt;input id="textboxtest" type="text" class="k-textbox" disabled="disabled" value="test" style="width: 300px" /&gt;
              &lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;script&gt;
  $(document).ready(function() {
      var products = $("#products").kendoComboBox({
          cascadeFrom: "categories",
          filter: "contains",
          placeholder: "Select product...",
          dataTextField: "ProductName",
          dataValueField: "ProductID",
          dataSource: {
              data: [{"ProductName": "ProductName1", "ProductID": "1"}, {"ProductName": "ProductName2", "ProductID": "2"}]
          },
          index: 0
      }).data("kendoComboBox");
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>As you see the disabled text input is visually different from the kendoComboBox widget. Is there a way to add or remove k-state-disabled class to text inputs when the disabled state changes in application scope? I want to have the same behaviour as widgets for my text inputs.</p>