Question

Is it possible to move the dropdown arrow on a select box from right to left with CSS?

Answer 1

EDIT: just as I suspected this changes the text direction of the options in the list as well, so you can’t use direction. Besides that, there isn’t any other way than to use a custom drop-down control. See the answers to this question. I’ll just leave my original answer below for anyone curious.

---

You should be able to use the direction property, but I haven’t verified if this works across browsers, platforms and locales:

select { direction: rtl; }

Be careful when using direction though, as the spec advises against its use by anyone but DTD authors or authors of special documents:

Because the directionality of a text depends on the structure and semantics of the document language, these properties should in most cases be used only by designers of document type descriptions (DTDs), or authors of special documents. If a default style sheet specifies these properties, authors and users should not specify rules to override them.