Question

我需要删除div的样式属性

第85行 https://github.com/PolymerElements/app-layout/blob/master/app-toolbar/app-toolbar.html

::content > [condensed-title] {
        pointer-events: none;
        @apply(--layout-flex)*;
      }

*（我不想将flexbox应用于我所制作的espefic head组件中的[浓缩标题]）

第133行https://github.com/PolymerElements/iron-flex-layout/blob/master/iron-flex-layout.html

    --layout-flex: {
  -ms-flex: 1 1 0.000000001px;
  -webkit-flex: 1;
  flex: 1;
  -webkit-flex-basis: 0.000000001px;
  flex-basis: 0.000000001px;
};

我的代码

<app-toolbar>
        <div class="logo-title">
          <iron-icon icon="custom-icons:casinha"></iron-icon>
        </div>
        <div id="outAlert" condensed-title>
          <paper-icon-button icon="card-membership"></paper-icon-button>
        </div>
        <div class="sublogo-title">
          <h4>Sublogo</h4>
        </div>
      </app-toolbar>

Answer 1

你可以通过三种方式实现这一目标

您可以在元素中设置#outAlert样式并设置flex: 0。这将覆盖app-layout的样式。
```
#outerAlert {
    flex: 0;
}
```

使用内联样式覆盖flex并将其设置为0

 <div id="outAlert" condensed-title style="flex:0">

最后覆盖--layout-flex mixin app-layout，你不想让flex在那里。

app-layout {
   --layout-flex: {
      flex: 0; /* You can have any other value also. Not sure if empty mixin will work or not */
   };
}

Answer 2

我使用以下代码解决了问题：

      #outAlert{
        @apply(--layout-flex-none);
      }

更新样式/删除属性

2 个答案: