-
-
Save alfredobarron/24570de1cd123c7e518c to your computer and use it in GitHub Desktop.
/** | |
* Change three lines | |
* | |
/* line 11 */ | |
.select2-container .select2-selection--single { | |
box-sizing: border-box; | |
cursor: pointer; | |
display: block; | |
height: 34px; | |
user-select: none; | |
-webkit-user-select: none; } | |
/* line 131 */ | |
.select2-container--default .select2-selection--single .select2-selection__rendered { | |
color: #444; | |
line-height: 32px; } | |
/* line 139 */ | |
.select2-container--default .select2-selection--single .select2-selection__arrow { | |
height: 32px; | |
position: absolute; | |
top: 1px; | |
right: 1px; | |
width: 20px; } |
Works like a charm! Thank you
@ryanpcmcquen it works perfect! Thanks
Thks @ryanpcmcquen, and add below css to move down arrow
.select2-selection__arrow {
height: 34px !important;
}
super cool and lovely especially when add @vingorius to @ryanpcmcquen solution thanks to you both
But what if I need to create more than one select2 element, and I want each of then with different heigth sizes?
It would be great to have the opportunity to choose the heigth, specially if I'm creating an dynamical element with select2
@ryanpcmcquen @vingorius combining both solutions, it works smoothly..thanks
I find that this works reasonably well (in your own stylesheet):
/* Make Select2 boxes match Bootstrap3 heights: */ .select2-selection__rendered { line-height: 32px !important; } .select2-selection { height: 34px !important; }
@ryanpcmcquen thanks allot
It's working perfect
It's working perfect
Thank you so much from Brazil
it's still working fine in Bootstrap 4.
Thanks Once again
Good solution
thats greate
Worked like charm
I find that this works reasonably well (in your own stylesheet):