Css 为什么我不能编辑垫按钮填充

请，对于所有的回答:尽量避免使用!important.您需要"更具体"的css.

首先，我们需要找到(使用开发人员的导航器F12工具)我们的按钮，并查看是什么属性构成了填充.

在按钮的情况下，你会看到一些类似的，例如，对于垫凸起的按钮

<button _ngcontent-ng-c626419816="" 
        mat-raised-button="" color="primary" 
        class="mdc-button mdc-button--raised mat-mdc-raised-button mat-primary
               mat-mdc-button-base" 
        mat-ripple-loader-class-name="mat-mdc-button-ripple" ng-reflect-color="primary">
       <span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span>
       <span class="mdc-button__label">Primary</span>
       <span class="mat-mdc-focus-indicator"></span>
       <span class="mat-mdc-button-touch-target"></span>
       <span class="mat-ripple mat-mdc-button-ripple"></span>
</button>

见"班级":mdc-button mdc-button--raised mat-mdc-raised-button mat-primary mat-mdc-button-base

什么级别表示"填充物"？你可以看到这是mat-mdc-raised-button班

.mat-mdc-raised-button {
    font-family: var(--mdc-protected-button-label-text-font);
    font-size: var(--mdc-protected-button-label-text-size);
    letter-spacing: var(--mdc-protected-button-label-text-tracking);
    font-weight: var(--mdc-protected-button-label-text-weight);
    text-transform: var(--mdc-protected-button-label-text-transform);
    height: var(--mdc-protected-button-container-height);
    border-radius: var(--mdc-protected-button-container-shape);
    padding: 0 var(--mat-protected-button-horizontal-padding, 16px);
    box-shadow: var(--mdc-protected-button-container-elevation-shadow);
}

所以我们需要使这个类更具体，所以我们向按钮添加一个类

<button class="large-button" mat-raised-button>Basic</button>

现在，在global styles(可以是style.scss或angular.json中包含的任何内容)中，我们可以使用

.large-button.mat-mdc-raised-button {
  padding: 32px
}

这就是所有的垫起的按钮与类"大按钮"将是一个"32px"的填充

如果我们在带有类div中有一系列按钮，我们还可以

    <div class="custom-nav-bar">
        <button mat-raised-button>Basic</button>
        <button mat-raised-button color="primary">Primary</button>
        <button mat-raised-button color="accent">Accent</button>
        <button mat-raised-button color="warn">Warn</button>
        <button mat-raised-button disabled>Disabled</button>
    </div>

//For more especific:

.custom-nav-bar .mat-mdc-raised-button {
  padding: 32px
}

请注意，因为类mat-mdc-raised-button是具有按钮的类，所以我们"连接"了这个类:Class-Button.-Customer-Class.有些时候，我们可以通过类似.class-ppal .another-class这样的方法来更改属性，我们需要使用.class-ppal.our-custom-class .another-class

注:如果我们想要更改all the buttonsM的Tecnica是不同的，您可以更改主题中的css变量

about Specifity多个