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

Question

我是jquery的新手，我厌倦了构建一个移动Web应用程序，所以我使用jquery mobile（1.4.5），我有一个简单的问题，我不知道如何更改文本在哪里选择菜单位于。我尝试做很多事情，比如添加一个浮动风格的范围：右边或中心等等。

所以这是我的代码：

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