如何调整jQuery Mobile中的标题文本可折叠？

Question

jQuery mobile中可折叠内容中的标题文本格式正在使用<h3>，但它对我来说太大了。所以我想在jquery mobile collapsible中调整默认文本大小。

<div data-role="collapsible" data-collapsed="true">
        <h3>My Header</h3>
</div>

如何调整大小？谢谢:)）

这是我的模拟＆gt;＆gt; http://jsfiddle.net/sevtiandy/seXmc/73/

Answer 1

我解决了。我更改了文件jquery.mobile-1.1.0.min.css并将font-size值从16px更改为类.ui-collapsible-heading中的13px

Answer 2

您可以使用具有h3元素的类：

<div data-role="collapsible" data-collapsed="true">
    <h3 class="collapse_header">My Header</h3>
</div>

使用自定义CSS调整大小：

.collapse_header .ui-btn-text{
    font-size: 10px
}