I use the jQuery Chosen plugin in a web application, and recently got the request to display a dropdown arrow in multiselect mode.
I found an answer on SO regarding styling of the dropdown arrow, but that covered only singleselect mode. At least a starting point 😉
Within minutes, I had a CSS-only solution for this particular problem:
<style type="text/css"> .chosen-container-multi.chosen-container .chosen-choices::after { background: url(@Url.Content("~/Content/chosen-sprite.png")) no-repeat 3px 4px; width: 16px; height: 100%; content: " "; position: absolute; right: 0; background-color: lightgray; } </style>
(Note that this is an ASP.Net MVC application, and @Url.Content() computes the URL relative to application root.)
Only after I solved this, I found that there is a closed (and unresolved) issue on github from 2011, with comments up to 2016, but no solution to a valid feature request…
This does not account for the @2x.png version of the png