bootstrap3: Remove border-left for select2-arrow

[justinvoelker]

For Bootstrap3 branch, suggestion to remove left border that appears between the select and the arrow when the select dropdown is collapsed. It disappears when the select is opened anyway and it is not found in the bootstrap select element.

[fk]

Hi @justinvoelker! A valid suggestion. @t0m also chose to do just that for the original Bootstrap 2 version.

Bootstrap's CSS for a plain <select> does not seem to alter the "arrow-down" appearance – but they pick the border-less route for their dropdowns:

Chrome:

IE10:

Firefox:

Bootstrap 3 Dropdowns:

---

select2-bootstrap.css#bootstrap3 now:

… and without the border:

I like the minimal approach – even if I also tend to think that without the border to its left, the arrow-down icon could be a little more prominent now – but I'd rather not have this project handle an alternate image-sprite to replace the original Select2 version. ;)

If you'd like to see the border removed, please +1 this issue.

[fk]

Fixed in bootstrap3 v1.4.2.