<style is="custom-style">
iron-overlay-backdrop {
--iron-overlay-backdrop-opacity: 0.7;
--iron-overlay-backdrop-background-color: black;
}
</style>
此方法设置叠加层的不透明度及其所有子项。如果我想设置孩子的不透明度?我希望1到(子)对话框的不透明度
.dialog {
opacity: 1;
}
我不确定我理解你的问题,但让我试试这个:如果你希望为特定对话框设置叠加样式,你可以在包含body
的页面的paper-dialog
上进行设置,正如你在this pen中看到的那样。使用的CSS是
body {
--iron-overlay-backdrop-opacity: 1.0;
--iron-overlay-backdrop-background-color: red;
}
虽然paper-button
和paper-dialog
在另一个自定义元素中,但如果两个元素都在纯HTML页面中,则此方法有效。看看我是如何处理一般错误对话框in my app。如果我把CSS放在那个页面上,那就像the pen一样。