css - 如何在 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并将font-size值从类中的 16px 更改为 13px.ui-collapsible-heading

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
}