Polymer 更新样式/删除属性

我需要删除div的style属性

第85行

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

第133行

我的代码

<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>

子库

您可以通过三种方式实现这一点

• 您可以在元素中设置

  #outAlert

  ，并设置

  flex:0

  。这将覆盖应用程序布局的样式

  #outerAlert {
      flex: 0;
  }
  

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

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

---

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

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

---

谢谢，你的想法很有帮助。

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

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

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