如何减小mdbootstrap中按钮的大小?

我想减小按钮的默认大小,但只有字体大小减小。我想按比例减小字体大小和按钮大小。

我尝试减小字体按钮,但大小与字体不成比例。

参考链接: https://mdbootstrap.com/components/buttons/

代码:

HTML:。

<div class=“standings”>
<DIV class=“StandingsTitle”>
<h4>团队排名</h4>
<button type=“button”class=“btn btn danger”>查看所有统计信息</button>
</DIV>
</DIV>
CSS:。

.btn危险{
字体大小:6px;
宽度:25px;
高度:30px;
}
屏幕截图:(按钮的默认大小):。



在尝试了以上代码之后,给了我:

.

参考链接:https://mdbootstrap.com/components/buttons/

代码:

HTML:

<div class="standings">
    <div class="standingstitle">
        <h4>Teams Standings</h4>
        <button type="button" class="btn btn-danger">See all stats</button> 
    </div>
</div>


CSS:

.btn-danger{
    font-size: 6px;
    width: 25px;
    height: 30px;
}


屏幕截图:(按钮的默认大小):



在尝试了以上代码之后,我得到了: