jquery mobile listview忽略父div div css规则

Question

我试图把一个jQuery的移动列表视图内的父div，但列表视图忽略任何父c​​ss规则。

<div data-role="page" id="profile"> 
    <div data-role="content"> 
    <div class="content_white"> 
     <ul data-role="listview" data-theme="c" class="custom-list"> 
      <li>test</li> 
      <li>one</li> 
     </ul> 
    </div> 
    </div> 
</div> 

父div有以下CSS规则

.content_white{ 
position:relative; 
margin-bottom:5% !important; 
background-color:#ffffff; 
border:1px solid #cccccc; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 

}

基本上我希望父DIV

JS fiddle answer

Answer 1

围绕边缘内ListView控件嵌套在名单上似乎是伎俩

.custom-list{ 
margin: 0 auto !important; 
padding-bottom:1%; 
}