title: How to customize the Semantic UI buttons changing the background color
body: <p>Using Semantic UI
  I have this button.</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;link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.3/components/button.css" rel="stylesheet"/&gt;
  &lt;input class="ui blue big basic button" type="submit"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The thing is I'm having a problem when changing the background color of this buttons, I've tried adding an ID to the button and change the background color in the CSS style sheet but this didn't work. Can someone give me a hint?</p>