JQuery Mobile可折叠文本方向（位置）

Question

我正在用从右到左（RTL）语言开发一些东西，我需要将折叠中的文本放在右边而不是默认左边。

以下是代码：

<div id="content_c1" data-role="collapsible" data-iconpos="right" align="right">
    <h3>Right to Left Text</h3>
    <p>Right to Left Content</p>
</div>
<div id="content_c2" data-role="collapsible">
    <h3></h3>
    <p></p>
</div>

第一个可折叠的是从右到左。 data-iconpos="right"很好地将图标移到右侧，align="right"将<p>中的内容移动到右侧。但<h3>中显示的文字位于左侧。

感谢您的帮助。

Answer 1

这对我有用：

.ui-collapsible h3 .ui-btn-inner
{
    text-align:right;
}

Answer 2

我确信有更好的方法，但你可以尝试一下。

.ui-btn-text{float:right}​

Answer 3

遇到同样的问题......

这个解决了它：

.ui-collapsible-heading .ui-btn  {
            text-align: right;
}