Question

我正在尝试删除填充：16px;属性md-subheader-inner继承自md-subheader指令。

问题是，在我的子标题上应用另一个类时，似乎我无法更改内部样式属性。我已经做了一个代码试图显示问题是here。

每当我检查元素时，我所做的两个解决方案中的哪一个并不重要，css属性都没有更新......我想我在这里遗漏了一些明显的东西，但我无法理解这是什么。

请注意，我不想在md-subheader类上使用直接修改，因为我在很多地方使用该指令而且我不想要任何副作用（因此我的＆＃39 ; padding-less-inner＆＃39; class）。

HTML ：

<md-select name="test" multiple="true" ng-model="whatever">
<md-subheader class="md-sticky padding-less-inner">
  <md-input-container style="width:100%;padding-left:8px;padding-right: 24px;margin-bottom: 0px;">
    <input style="width: calc(100% - 30px);float: right;" ng-model="searchText" class="_md-text" onkeydown="stopPropagation(event)">
  </md-input-container>
</md-subheader>
<md-optgroup>
  <md-option ng-value="item.id" ng-repeat="item in querySearch()">{{item.name_fr}}</md-option>
</md-optgroup>

CSS ：

.padding-less-inner {
    .md-subheader-inner {
        padding: 0 !important;
    }
    /*div {
         padding: 0 !important;        
    }*/
}

Answer 1

我对您的CSS做了一些修改：

.padding-less-inner .md-subheader-inner {
    padding: 0 !important;
}

更改md-subheader-inner css属性

1 个答案: