Yes, you can. The styling for the Select2 widget just sucks, here’s my SCSS code to override it:
// Make the select combo boxes with select2 match bootstrap
.select2-container {
@extend .form-control;
.select2-choice, .select2-dropdown-open .select2-choice {
border: none !important;
padding: 0px !important;
}
.select2-search {
padding: 10px;
}
}
}
// This needs to be in the root, because the .select2-drop element is a direct child of <body>
.select2-drop.select2-with-searchbox.select2-drop-active, .select2-drop, .select2-drop-multi {
// border: 1px solid #666;
border: 1px solid rgba(0, 0, 0, 0.15);
border-top: none;
}
You can modify as you please, and put it into your child theme’s styles.css file.