1

JQuery Mobileの折りたたみ可能な要素のスタイルを変更したいと思います。要素には境界線がなく、完全に白である必要があります。私は以下を試しました：

 <div class="ui-block-a" data-role="collapsible"  data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" style="width: 74%; margin-left: 9px; border-width: 0px; background-color:white">
                <h3>Name</h3>
                <p>This is a mock.</p>
            </div>

ただし、特定のCSSが機能しないようです。それが可能かどうか誰かが知っていますか？

4

1 に答える 1

4

これが実際の例です: http://jsfiddle.net/Gajotres/GNAXT/

また、折りたたみ可能な css クラスを使用するすべての要素を変更したくない場合は、折りたたみ可能な要素に独自の ID が必要です。

!important は、元のプロパティをオーバーライドするために使用されるため重要です。

#custom-collapsible {
    width: 74% !important; 
    margin-left: 9px !important; 
    border-width: 0px !important; 
    background-color: white  !important;
}

#custom-collapsible h3 a {
    border-width: 0px !important; 
    background: white  !important;
}
于 2013-03-11T15:59:59.873 に答える