How to remove the dropdown icon in a reference selector?

0
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).  
asked
1 answers
2

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.

answered