角材料:如何更改垫格网格的顶部填充

本文介绍了角材料:如何更改垫格网格的顶部填充的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

am使用角度为5的角度材料.mat-grid-tile具有自己的顶部填充，用于计算使用 calc 方法.

am using angular-material with angular 5. mat-grid-tile has it's own top padding that calculates using calc method.

我想在mat-grid-tile上设置自定义填充.我该怎么办?

I want to set custom padding on mat-grid-tile. How can i do this?

推荐答案

网格图块组件会在元素本身上动态设置顶部填充，因此您需要在CSS中使用！important修饰符来覆盖它.

The grid tile component sets top padding dynamically on the element itself, so you need to use the !important modifier in your CSS to override it.

HTML:

<mat-grid-tile class="my-grid-tile"></mat-grid-tile>

CSS:

.my-grid-tile { padding-top: 24px !important; }