在 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 图片）。

JS bin 用于聚合物 2。

1.聚合物 1： CSS：

输出：

---

2。聚合物 2： CSS：

输出：

谢谢！

Answer 1

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

工作JS Bin。

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