首页 文章

在shadow DOM中应用伪元素CSS选择器

提问于
浏览 次
1

我有一个持有日期的Polymer 2 paper-input ：

<paper-input type="date"></paper-input>

当这渲染时，实际 <input> 位于控件的阴影DOM内 .

我想使用伪元素选择器 ::-webkit-inner-spin-button 来设置Chrome中的微调按钮的样式 .

在Polymer 1 / Shadow DOM v0中，我可以使用 /deep/ 或 ::shadow 为这些构建样式规则，但这些已在Polymer 2 / Shadow DOM v1中弃用 .

如何将样式应用于 <paper-input> 的影子DOM中的伪元素？

google-chrome polymer pseudo-element shadow-dom polymer-2.x

1 回答

  • 1

    您可以使用 --paper-input-container-input-webkit-spinner custom css mixin have a look at this .

    例如，隐藏微调器：

    paper-input[type=date] {
    --paper-input-container-input-webkit-spinner: {
        -webkit-appearance: none;
    }
}
    回复于

相关问题