Css 材料设计Lite按钮尺寸

我使用的是Google Material Design Lite CSS库（），即使使用内联样式，我似乎也无法更改按钮大小

这是我尝试使用的按钮：

<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect">
    <i class="material-icons">add</i>
</button>

添加

我尝试添加这样的内联代码，但不起作用：

<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect" style="width: 40px; height: 40px"">
  <i class="material-icons">add</i>
</button>

---

.mdl按钮
和
.mdl按钮--fab
类都有
最小宽度
样式，这就是为什么
40px
的宽度不起作用。您只需覆盖
minwidth
样式。此代码将在以下情况下工作：


添加

当然，最好将你的风格分开，比如：


#我的按钮{
宽度：40px；
高度：40px；
最小宽度：初始宽度；
}

添加
这对我很有用

button.my-button {
width: 47px;
height: 30px;
min-width: initial;
padding: 0px 0px; //give me more space
font-size: 13px;
line-height: 0px; //make text middle vertically
}

内联尺码适合我。
width
和
height
的样式设置对我很合适