title: How to override Inline Style CSS?
body: <p>I have tried the div[style]
  The problem is this is not the only element with inline styles</p>
  
  <p><strong>The HTML</strong></p>
  
  <pre><code>&lt;input class="button cool-button" style="float: right !important color:blue" value="Hello" name="hello"&gt;
  &lt;input class="button cool-button" style="float: right !important color:blue" value="World" name="hello"&gt;
  &lt;input class="button cool-button" style="float: right !important  color:blue" value="Submit" name="submit"&gt;
  </code></pre>
  
  <p><em>I am targeting the submit button</em></p>
  
  <p><strong>This is how I attempted to over-ride the css on my external style sheet...</strong></p>
  
  <pre><code>input.button .cool-button[style] [value="Submit"] [name="submit"] {
      float: none !important;
  }
  </code></pre>