Bootstrap Form Group Select RTL

[hamidfzm]

There are some rtl problems in bootstrap select option form-group from controls

And here is the html code:

<div class="form-group">
    <label for="guarantee">گارانتی:</label>
    <select id="guarantee" name="guarantee" class="form-control">
        <option>آزمایشی</option>
    </select>
</div>

[azimidev]

use this in your css option { direction : ltr !important; }

[alqahtani]

I have the same problem. I've tried @hassanazimi 's solution: option { direction: ltr; } does not work for me :(

[azimidev]

you forgtot !important

[alqahtani]

@hassanazimi actually it did take the direction: ltr functionality without !important and it still doesn't work. even though I tried to add !important and no effect