Exploring the world of jquery for the first time, I am excited about building a mobile web application. Utilizing jquery mobile (1.4.5), I encountered a simple issue - I couldn't figure out how to change the location of the text in the select menu. Despite trying various methods like adding a span with float:right or center styling, the desired outcome remained elusive.
Below is the snippet of my code:
<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>
The current output appears as below:
My desired appearance is as follows:
As you can see, the text is now aligned to the right and the cursor in the search field is also on the right side.
Seeking advice on how to achieve this specific layout. Grateful in advance for any suggestions!