Polymer 聚合物，如何调整填充到纸张上的内部div对话框可滚动

可滚动的

纸张对话框的内容区域在左右两侧有一个24px的填充。我想改变这一点。呈现HTML时，它是一个内嵌样式表和一个具有填充的内嵌div。我尝试过使用以下方法，但没有效果。聚合物内联样式在我的内联样式之后

不起作用：

<style>
  .scrollable {
    --paper-dialog-scrollable: {
        padding-left: 0px;
        padding-right: 0px;
    };
  }
</style>


.可滚动{
--纸张对话框可滚动：{
左侧填充：0px；
右边填充：0px；
};
}

在下图中我需要更改的是id=“scrollable”的div。我认为实际上设置填充的是scope=paper-dialog-scrollable-0


那么，如何将填充调整为可滚动的纸上内部div对话框？
您可以使用诸如
：：shadow
和
/deep/
之类的选择器，但它们已被弃用。如果一个元素没有提供钩子（CSS变量和mixin），那么你基本上是运气不好，而且
.scrollable
没有这样的钩子

您可以做的是在repo中创建一个功能请求，以通过mixin支持其他选择器

我已经成功使用的另一个解决方法是添加一个

创建一个样式模块，如

<dom-module id="scrollable-customization">
 <style>
  .scrollable {
    --paper-dialog-scrollable: {
      padding-left: 0px;
      padding-right: 0px;
    };
  </style>
</dom-module>

我希望语法是正确的。我只在省道上使用聚合物。
dom模块需要是
自定义样式
，即使这通常仅在聚合物元素外部使用时才需要

另请参见
我找到了另一种方法，就是使用元素样式，如下所示

paper-dialog-scrollable { --paper-dialog-scrollable:  { padding: 0 10px; }; }

有没有一种方法可以在不注入那种风格的情况下实现这一点，我的意思是只使用mixin--paper对话框滚动？我想没有，但不确定。我已经一年多没有使用聚合物了。
paper-dialog-scrollable { --paper-dialog-scrollable:  { padding: 0 10px; }; }