材料角度 4 的扩展面板

我有一个 Angular 4.4.4 应用程序material 2.0.0-beta.12我想用mat-expansion-panel来自材料设计。

这是我的代码：

           <mat-expansion-panel class="parametersPanel">
                    <mat-expansion-panel-header>
                        <mat-panel-title>
                            PARAMETERS
                        </mat-panel-title>
                    </mat-expansion-panel-header>
                    <table style="width:100%">
                        <tbody>
                            <tr class="parameterListItem">
                                <td class="icon"><img src="assets/images/alert.png"></td>
                                <td class="parameterName">Parameter 1</td>
                                <td class="parameterValue">Value</td>
                                <td class="unit">unit</td>
                            </tr>                        
                        </tbody>
                    </table>
            </mat-expansion-panel>

所以它工作得很好，但可以删除中的边距mat-expansion-panel-body其中，从浏览器margin: 0 24px 16px; ?

代替/deep/你应该使用::ng-deep，这是 Angular 提供的别名。支持/deep/等已从 Chrome 浏览器中删除。所以在你的例子中，这将是：

::ng-deep .parametersPanel .mat-expansion-panel-body {
    padding: 0;
}