문제

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

도움이 되었습니까?

해결책

The answer is

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

다른 팁

Try this:

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

!important helps to override the jquery mobile css.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top