Html 如何减少mdbootstrap中按钮的大小？

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

我试图缩小字体按钮，但大小与字体不成比例

参考链接：

代码：

HTML:

屏幕截图：（按钮的默认大小）：

尝试上述代码后，我得到：

---

您需要在默认的

btn

选择器中调整

padding

属性。试试这个代码

.btn {
    padding: .4rem 1.5rem;
}

---

您需要在默认的

btn

选择器中调整

padding

属性。试试这个代码

.btn {
    padding: .4rem 1.5rem;
}

---

尝试使选择器更具体，以防止规则被覆盖：

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

---

尝试使选择器更具体，以防止规则被覆盖：

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

---

我对

.rem

不太熟悉，但是我也可以使用

px

吗？我对

.rem

不太熟悉，但是我也可以使用

px

吗？