Formatting of multiple selection entries

[Vinay Sajip]

I want to display multiple selections with the closing "x" on the right hand side. What's the best way of doing this? I tried using just CSS overrides. However, I ran into one problem: my rule

.select2-container-multi .select2-search-choice-close {
  right: 3px;
}

which is intended to position the "x" on the right, works - but only if I comment out the corresponding rule in select2.css:

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

Since "right" doesn't override "left", with the base rule kept in, "left" wins - at least on Chrome, so the "x" still appears on the left. Is there a cleaner way which I'm missing, which doesn't require changing select2.css at all?

Regards,

Vinay Sajip

[samahabd...@gmail.com]