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

.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.

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

http://www.aspsnippets./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.

• javascript
• jquery
• css
• asp
• twitter-bootstrap

• do you have class assigned to the buttton? Also can you please post your html code. – Bikee Commented Apr 14, 2016 at 9:38
• this is a part of bootstrap, you need to change a lot of thinks, repile them... work with simple thinks if you are not know what all that are. – Aristos Commented Apr 14, 2016 at 9:41

2 Answers 2

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

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

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.