使用Polymer 2中的CSS mixin覆盖内联样式

Question

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

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

但是使用Polymer 2，它不再起作用了（参见＃2图像）。

聚合物2的

JS bin。

1。聚合物1： CSS：

输出：

<小时/> 的 2。聚合物2： CSS：

输出：

谢谢！

Answer 1

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

工作JS Bin。

另请注意，我已将iron-icon.html更改为iron-icons.html以获取箭头图标。