用聚合物2中的CSS mixin覆盖内联样式

有没有办法覆盖聚合物2中的组件的内联样式？CSS mixin？用聚合物2中的CSS mixin覆盖内联样式

与聚合物1，我有如下类似的代码在我的组件做到这一点，这是工作的罚款（见＃1图像）：

<style> 
    paper-menu-button { 
     display: block; 

     --paper-menu-button-dropdown: { 
      position: relative !important; 
      top: auto !important; 
      left: auto !important; 
      display: block; 
     }; 

     --paper-menu-button-content: { 
      max-width: none !important; 
      max-height: none !important; 
      display: block; 
     }; 
    } 
</style>

但随着聚合物2，它不工作了（见＃2图片）。

JS bin用于聚合物2

1.聚合物1： CSS：

输出：

2.聚合物2： CSS：

输出：

谢谢！

来源

2017-08-02 ranb2002

这里有一个[JS斌]（https://jsbin.com/yuwisar/3/edit?html,output）与聚合物2纸菜单按钮，有这个问题。 – ranb2002

这里有一些HTML结果，因为我不允许发布两个以上的链接： 3. [Polymer 1-HTML results]（https://i.stack.imgur.com/gNR8K.jpg） 4. [Polymer 2 - HTML结果]（https://i.stack.imgur.com/BZKvu.jpg） – ranb2002

在--paper-menu-button-dropdown中加上width:100%;。

工作JS Bin。

此外，请注意，我已将iron-icon.html更改为iron-icons.html作为箭头图标。

来源

2017-08-03 00:10:18 Ofisora

用聚合物2中的CSS mixin覆盖内联样式

回答

相关问题