最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - How to change the bootstrap multiselect dropdown height and font size? - Stack Overflow

programmeradmin3浏览0评论

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.

Share Improve this question asked Apr 14, 2016 at 9:33 Indira PranoiIndira Pranoi 771 gold badge2 silver badges14 bronze badges 2
  • 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
Add a ment  | 

2 Answers 2

Reset to default 3

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.

发布评论

评论列表(0)

  1. 暂无评论