jQuery mobile 如何更改选择菜单文本对齐方式？

Question

我是 jquery 的新手，我很累构建一个移动 web 应用程序，所以我使用 jquery mobile (1.4.5)，我有一个简单的问题，我不知道如何更改文本中的位置选择菜单位于。我尝试做很多事情，比如添加一个样式为 float:right 或 center 的跨度等等..

这是我的代码：

<fieldset data-role="controlgroup" data-type="horizontal">                                          
                        <label for="select-custom-13">Select C</label>
                        <select style="text-align: right;" name="select-custom-13" id="select-custom-13" data-native-menu="false" class="filterable-select" data-icon="false">
                          <span style="float:right; text-align:right;">
                          <option>עיר</option>
                            <option value="#">באר שבע</option>
                            <option value="#">ת"א</option>
                            <option value="#">אילת</option>
                            </span>
                        </select>
                    </fieldset>

输出是这样的：

我希望它看起来像这样：

所以你可以看到文本现在在右侧，搜索字段中的光标也在右侧。

任何建议我可以如何做到这一点？谢谢大家！

Answer 1

在父元素上尝试 dir="rtl"。

<fieldset dir="rtl" data-role="controlgroup" data-type="horizontal">
                        <label for="select-custom-11">Select A</label>                      
                        <select name="select-custom-11" id="select-custom-11"  data-native-menu="false" data-icon="false">
                           <option>מועדון</option>
                            <option value="#">פורום</option>
                            <option value="#">אבסנט</option>
                            <option value="#">זיגי</option>
                        </select>

                        <label for="select-custom-12">Select B</label>
                        <select name="select-custom-12" id="select-custom-12" data-role="date" data-native-menu="false" data-icon="false">
                            <option>תאריך</option>              
                                <option value="1">יום ראשון</option>
                                <option value="2">יום שני</option>
                               <option value="3">יום שלישי</option>
                               <option value="4">יום רבעי</option>                             
                        </select>
                        <label for="select-custom-13">Select C</label>
                        <select style="text-align: right;" name="select-custom-13" id="select-custom-13" data-native-menu="false" class="filterable-select" data-icon="false">
                          <span style="float:right; text-align:right;">
                          <option>עיר</option>
                            <option value="#">באר שבע</option>
                            <option value="#">ת"א</option>
                            <option value="#">אילת</option>
                            </span>
                        </select>
                    </fieldset>