如何更改引导多选下拉列表的高度和字体大小？

Question

I am trying to do a multiselect dropdown using bootstrap similar to the demo which is mentioned in the link below.

http://www.aspsnippets.com/Articles/Multiple-Select-MultiSelect-DropDownList-with-CheckBoxes-in-ASPNet-using-jQuery.aspx

I am able to change the width by using buttonWidth property. But I could not find anything to change the height of the button. I also would like to change the font size and font. Kindly help me in finding a way to change the height and font of dropdown.

Answer 1

If you have same code as in aspsnippets.com. Then you can add this style in the head section (Replace X with number ):

button.multiselect {
    height: Xpx;
    font-size: Xpx;
}

Answer 2

Hi Indira you could achieve the change in height & font by simply applying the adding following css

.multiselect .dropdown-toggle .btn .btn-default {
    height: 62px;
    font-family: cursive;
}

Change them according to your needs .

Note: Please be sure that it would not affect any other element on your page.