Changing Dropdown Icon on Bootstrap 4

Question

On Bootstrap 3 this was pretty easy, you just had to change span and add whatever icon you wanted instead. But that doesn\'t seem the case with Bootstrap 4. Or maybe I\'m missin

Answer 1

Just type in css border none. The arrow is made from borders, if you remove the borders then there is no arrow. After you remove the border you can add your own icons.

.dropdown-toggle::after{
 border: none;
 content: '\icon';
}