css - 控制 Material 设计精简版 td 高度

Question

我正在使用 Material Design Lite 并尝试使用 mdl-data-table__cell--non-numeric 通过打开 material.min.css 并将 height:20px 添加到选择器来控制 td 的高度，但没有任何区别.

.mdl-data-table__cell--non-numeric{text-align:left; height:20px;}

也尝试创建一个新的选择器并应用到我需要的列，也没有任何区别:

.padtd{
  height: 20px;
}

我如何控制 .mdl-data-table__cell--non-numeric 的高度？

Answer 1

如果您想设置自己的属性，您应该使用 !important 标签。

.mdl-data-table__cell--non-numeric {
    text-align:left !important;
    height: 20px !important;
}