I unable to add the arrow in select box i am using simply css code and finding other script but unable to add the arrow in select box left side

Any help from any one greatly appreciated.

I unable to add the arrow in select box i am using simply css code and finding other script but unable to add the arrow in select box left side

Any help from any one greatly appreciated.

• javascript
• jquery
• html
• css

Share Improve this question Follow asked Nov 4, 2014 at 6:32 Raman jaswalRaman jaswal 9722 silver badges99 bronze badges 0

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

Use the direction property in css of your select box. The direction property specifies the text direction/writing direction.

select { direction: rtl; }

It has a default value of ltr so change it to rtl. It will move your arrow to left.

To only move the arrow in the left side I have used only css:

select{
  direction: rtl;
}
select option{
  direction:ltr;
}

In this way the option still remain in ltr text.

I remend to go with Uniform JS. This will be quite simple to integrate with websites. You will get full flexibility to change the select box.

URL: http://uniformjs./

Only thing you need to do is, you need to change the background image as you wish. http://uniformjs./images/sprite-aristo.png