删除Jquery Mobile网格的边框

时间:2014-05-15 15:19:18

标签: css jquery-mobile

我正在使用Jquery Mobile的网格,我想删除默认边框并更改默认背景颜色。这是我的代码:

   <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 -->

谢谢

2 个答案:

答案 0 :(得分:4)

答案是

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

答案 1 :(得分:0)

试试这个:

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

!important有助于覆盖jquery mobile css。