Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I remove the arrow from drop down list in Bootstrap CSS?

I am trying to remove the arrow that appears on a drop down menu in Twitter Bootstrap framework. Has anyone figured a way of removing the arrows?

like image 495
Gandalf Avatar asked Apr 20 '12 10:04

Gandalf


People also ask

How do I remove the arrow from a drop down list?

Setting this property to “none” will do the job. It explicitly tells the browser to not assign any other value to that property, which in turn results in the removal of the default arrow icon.

How do you put a drop down arrow under a caret in bootstrap 4?

To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and the data-toggle="dropdown" attribute. The .caret class creates a caret arrow icon (), which indicates that the button is a dropdown. Add the .dropdown-menu class to a <ul> element to actually build the dropdown menu.

How set dropdown position in bootstrap?

By default, a dropdown menu is automatically positioned 100% from the top and along the left side of its parent. Add . dropdown-menu-right to a . dropdown-menu to right align the dropdown menu.


1 Answers

.dropdown-toggle::after{
    display: none;
}
like image 55
Dina Fouda Avatar answered Sep 23 '22 05:09

Dina Fouda