Remove border of Jquery Mobile´s grid

Question

I am using Jquery Mobile´s grid and I want to remove the default border and change the default background-color. Here is my code:

   <div class="ui-grid-b">
    <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height:60px">Block A</div></div>
    <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height:60px">Block B</div></div>
</div><!-- /grid-b -->

Thank you

Answer 1

Try this:

.ui-bar-a {
background-color: #fff !important;
border-style: none !important;
}

!important helps to override the jquery mobile css.

Answer 2

The answer is

.ui-bar-a {
background-color: #FFFFFF;
border-style: none; 
}