如何在jQuery移动折叠中调整标题文本的大小？

Question

jQuery mobile中可折叠内容的标题文本格式使用的是<h3>，但对我来说太大了。因此，我想在jquery移动可折叠中调整默认文本大小。

<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
}