How to remove the dropdown icon in a reference selector?

Good morning all, I’m looking for a way to remove (or hide) the dropdown icon in a standard reference selector… Pure visual (functionality should stay the same).  
1 answers

Hi Bjorn,


In order to make this work you need to write some custom CSS.
The dropdown icon is in fact a background image if you inspect the Reference Selector element.

To hide the background image, add the following line of code to one of your SASS files.


.refselectornoicon {

    .form-control {

        background-image: none;




Give the Reference Selector the class refselectornoicon like this:

Now you should be all set.

Hope this helps. Please let me know if you need any more help.