Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Custom styling for Bootstrap select

I find the select Twitter Bootstrap's dropdown very ugly, how can I deactivate Bootstrap only for the select widget? Or is it possible to customize the way the select dropdown looks?

like image 988
fkoessler Avatar asked Jul 03 '12 04:07

fkoessler


People also ask

How do I style a selection dropdown in CSS?

There are many ways to design a <select> dropdown menu using CSS. The Dropdown Menu is mainly used to select an element from the list of elements. Each menu option can be defined by an <option> element that can nested inside the <select> element.

How do I select a dropdown in bootstrap?

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.

What is the use of bootstrap select?

Bootstrap Select is a form control that shows a collapsable list of different values that can be selected. This can be used for displaying forms or menus to the user.

How do I move a dropdown to the right in bootstrap?

To right-align a menu, use . dropdown-menu-right. Right-aligned nav components in the navbar use a mixin version of this class to automatically align the menu.


1 Answers

Check it out: https://developer.snapappointments.com/bootstrap-select/

You can change the color of the dropdown button through the different classes. And if you want another color, just override it in css. E.g.:

.btn {
    background-color: #FFF;
}
like image 50
silviomoreto Avatar answered Sep 26 '22 02:09

silviomoreto