title: How to change appearance of the state type drop down when disabled mode
body: <p><a href="https://i.stack.imgur.com/J3QVi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J3QVi.png" alt="enter image description here"></a>We have two drop downs. Based on the first dropdown event changed the second drop down values are getting populated.</p>
  
  <p>How to change appearance of the 2nd type drop down such that it should be different for both enabled and disabled state?</p>
  
  <p>In both drop down they look like  enabled but until we select the country the states not loaded any way .. The <code>select</code> CSS was behaving as excepted in IE but not in Chrome. It was looking as enabled in Chrome.</p>
  
  <p>//***********//</p>
  
  <pre><code>button,
  input,
  optgroup,
  select,
  textarea {
    margin: 0;
    font: inherit;
    color: inherit;
  }
  
  When I removed the Color inherit from boot strap It makes the difference.How to override the style sheet which effecs the color to the state dropdown in the customized CSS
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="item1" id="countries"&gt;
      &lt;div class="selectbox"&gt;
          &lt;select data-bind="options: Countries, 
          optionsText: $data, 
          optionsValue: $data, 
          value: SelectedCountry, 
          event: { change: $parent.CountryActionChanged }"&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="item2" id="states"&gt;
      &lt;div class="selectbox"&gt;
          &lt;select data-bind="options: States, 
          optionsText: 'Name', 
          optionsValue: 'Id',
          value: SelectedStateType, 
          event: { change: $parent.StateActionChanged },
          enable: $parent.IsStateType"
          &gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>