polymer - 聚合物纸-对话框-背景孩子的不透明度？

Question

<style is="custom-style">
  iron-overlay-backdrop {
    --iron-overlay-backdrop-opacity: 0.7;
    --iron-overlay-backdrop-background-color: black;
  }
</style>

此方法设置叠加层的不透明度及其所有子项。如果我想设置孩子的不透明度？我想要 1 到（子）对话框的不透明度

.dialog {
  opacity: 1;
}

相关问题

Answer 1

我不确定我是否理解您的问题，但让我试试这个：如果您希望为特定对话框设置叠加层样式，请在body包含 的页面上执行此操作paper-dialog，正如您在这支笔中看到的那样。使用的 CSS 是

body {
  --iron-overlay-backdrop-opacity: 1.0;
  --iron-overlay-backdrop-background-color: red;
}

虽然 thepaper-button和 thepaper-dialog位于另一个自定义元素中，但如果两个元素都位于纯 HTML 页面中，则此方法有效。看看我是如何处理我的应用程序中的一般错误对话框的。如果我把上面的 CSS 放在那个页面上，它会像pen一样工作。