Onsen ui change background color of ons-tabbar and ons-sliding-menu components
<p><strong>I am new to Hybrid app development using cordova with onsen ui.</strong></p>

<p>I am trying to change the Background color of ons-tabbar and ons-sliding-menu from their default color to red but I am not able to change it.</p>

<p>I have tried using inline styles but in vain.</p>

<p>Is there any way that I can change them ?</p>

<p>Below is my code for on-tabbar:</p>

<pre><code>&lt;ons-tabbar style="background-color:red"&gt;


 &lt;ons-tab
      active="true"
      label="Home"
      icon="home"
      page="pa.html"&gt;&lt;/ons-tab&gt;

 &lt;ons-tab
  label="Call Us"
  style="color:#fff"
  icon="fa-phone"
  page="page2.html"&gt;&lt;/ons-tab&gt;

  &lt;ons-tab
  label="Menu"
  style="color:#fff"
  icon="fa-building-o"
  page="men.html"&gt;&lt;/ons-tab&gt;

   &lt;ons-tab
  label="My Orders"
  style="color:#fff"
  icon="fa-file-text"
  page="p1.html"&gt;&lt;/ons-tab&gt;
&lt;/ons-tabbar&gt;
</code></pre>

<p>code for ons-sliding-menu :</p>

<pre><code> &lt;ons-sliding-menu main-page="p2.html" menu-page="menu.html" style="background-color: #129793" max-slide-distance="260px" var="menu"&gt;
&lt;/ons-sliding-menu&gt;
</code></pre>