Question

我正在使用core-scroll-header-panel组件，一切都很好，直到我尝试将css样式添加到其中一个dom元素。我的代码如下：

<core-scroll-header-panel>
<core-toolbar class="tall">
    <core-icon-button icon="menu"></core-icon-button>
    <div flex></div>
    <core-icon-button icon="search"></core-icon-button>
    <div class="bottom middle">
        this is my content
    </div>
</core-toolbar>
<div content>

</div>
</core-scroll-header-panel>

第二个div的类中间是我的自定义类，我想在页面中间创建它，因此类的样式为margin: 0 auto;

不幸的是它不起作用，this is my content不在页面中间，我检查Chrome中的样式表，然后找到

::content > * {
     margin: 0px 8px;
}

让我的margin: 0 auto不受影响，有什么想法吗？

Answer 1

您必须从外部修改样式，然后您必须在主页面上使用dom的shadow属性。希望这可以解决您的问题

core-toolbar::shadow .middle{
margin: 0 auto
}

聚合物css混淆了core-scroll-header-panel

1 个答案: