title: Input tag of type button is not changing color in an ASP.NET MVC view
body: <p>In our ASP.NET MVC 4 app, we are using following HTML tag of type button in a partial view but the button is still showing the default background color instead of the one we define in the style attribute as shown below:</p>
  
  <pre><code>&lt;input type="button" value="Show Details..." id="btnDetails" style="white-space: normal; width:250px;background-color:green;" /&gt;
  </code></pre>
  
  <p>We have checked that the class "myClass" is not doing anything related to CSS. It seems something somewhere in the app is keeping it from applying the color attribute.</p>
  
  <p><strong>Edit</strong></p>
  
  <ol>
  <li>I've removed he class attribute from the input tag above since it is not doing anything related to CSS. Still the background color does not change. What is interesting is that if I change the other values in style above such as width etc., the button's style changes accordingly</li>
  <li>Moreover, if I move the style attribute to a class in a stylesheet then also background-color does not work all other values in the class work.</li>
  <li>The app is using JQuery-ui and has a jquery.ui.button.css file inside the Content\themes\base folder.</li>
  <li>The app has a script file StartScript.js that has the following line of code at the very top:
  <code>$(document).ready(function () {
  $("#tabs").tabs();
  $("input[type=submit], input[type=button]").button();
  ...</code></li>
  <li>The following files have some button related scripts: jquery-1.7.1.js, jquery-1.7.1.min.js</li>
  <li>I've used the !important keyword with the background-color as suggested <a href="http://css-tricks.com/when-using-important-is-the-right-choice/" rel="nofollow">here</a>. But still no change in background-color</li>
  </ol>
  
  <p><strong>Resolved</strong></p>
  
  <p>I resolved the issue. Please see my comments at the end.</p>