如何在jQuery Mobile可折叠中调整标题文本的大小

Question

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

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

如何调整大小？谢谢：）

这是我的模拟>>http://jsfiddle.net/sevtiandy/seXmc/73/

Answer 1

我解决了这个问题。我更改文件jquery.mobile-1.1.0.min.css，并在类.ui-collapsible-heading 中将font-size值从16px更改为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
}