Rtl and selectlist

i would like to change direction of this following code from ltr to rtl:

<label class="item item-input item-select">
<div class="input-label">city</div>
<select name="city" ng-model="city" ng-options="city.name for city in cities track by city.code"></select></label>

so after changing, i expect that selectbox appears at the left of the screen.

thanks guys


I solved adding this lines to my css as you can see here

body:lang(ar) {
direction: rtl !important;

body:lang(ar) select {
left: 0;
padding: 0 16px 0 48px;
direction: rtl;

body:lang(ar) .item-select:after {
left: 16px;
right: auto;
direction: rtl;