聚合物项目：#shadow-root下的纸卡图像样式不起作用

Question

我在聚合物2.0上工作，并使用聚合物paper-card来显示一些文本和图像。我需要将样式应用于<iron-image>#shadow-root下的图像

代码如下：

<paper-card elevation="1" aria-label="">

<iron-image>
#shadow-root
<img id="img" hidden="" src="/images/image.jpg">
</iron-image>

<div class="card-content">
<h2>Title</h2>
Some text here..
</div>
</paper-card>

已尝试来自：https://stackoverflow.com/a/32025876/6191987的css规则

paper-card iron-image::shadow #shadow img {
   display: block;      
}

但它对我不起作用。这里面有什么问题吗？

Answer 1

试试paper-card ::slotted(iron-image)。请查看有关设计分布式子代样式的链接here。

您也可以在css中尝试--paper-card-header-image，如下所示：

paper-card {
    --paper-card-header-image: {
        display: block;
    };
}