I have a dot.net dropdownlist filled from a database via my codebehind page. I have the ddl looking like I want it except that the dropdown window itself, before the user clicks it, is too short and the font is too small, and it looks weird on my page. There is an option to change width, but not height. No matter what approach I try to add CSS, I can’t change these properties. I’m using the select2-bootstrap-5 theme and adding my css like this:
$( “#ddl_tmdls” ).select2({
theme: “bootstrap”,
selectionCssClass: “c_ddl”,
width: ‘80%’
});
My css looks like this:
.c_ddl {
color: rgb(121, 120, 120);
text-align: center;
font-weight: bolder;
background: #fff;
border: 4px solid #ccc;
border-radius: 6px;
/* height:: 50px; overridden by select2 plugin; cannot change window height /
/ font-size: 26px; overridden by select2 plugin; cannot change font size */
}
Is there any way to change the height, like we can do with the width?