Skip to content

Instantly share code, notes, and snippets.

@drakakisgeo

drakakisgeo/select2-remove-border-radius.css

Created November 7, 2017 14:39
Show Gist options
  • Save drakakisgeo/c574c570656af83308cfbdc572418eb5 to your computer and use it in GitHub Desktop.
Save drakakisgeo/c574c570656af83308cfbdc572418eb5 to your computer and use it in GitHub Desktop.
Download ZIP
Remove 4px border-radius from Select2
Raw
select2-remove-border-radius.css
.select2 {
border-color:1px solid #cacaca;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
background-color:#fefefe;
}
.select2-dropdown, .select2-container--default .select2-selection--single ,
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--classic .select2-selection--multiple , .select2-container--classic .select2-selection--multiple,
.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-dropdown,
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--multiple .select2-selection__choice ,
.select2-container--classic .select2-selection--single,
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow ,
.select2-container--classic .select2-selection--multiple,
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
border-radius: 0px;
}
@Theodory
Copy link

Changing select2 dropdown background-color

   .select2-results { 
	background-color: #fff; 
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment