css - 在我的网站上使用的所有纸张元素中全局更改墨水颜色的最佳方法是什么？

Question

组件 html 文件中的注释说：

To change the ink color:

.pink paper-tab::shadow #ink {
  color: #ff4081;
}

我想在全球范围内进行，所以我在我的主 site.css 中尝试了上面的示例（没有 .pink 类），但没有任何效果。我也尝试了以下方法，但没有任何运气。

#ink { color: green !important }

Answer 1

You'll want to use the /deep/ combinator

<style>
  html /deep/ #ink {
    color: green;
  }
</style>

Answer 2

出于某种原因，Rob 的解决方案在我的设置中不起作用。我正在使用 WebStorm 和 LESS。

不过，我能够使用以下方法取得很好的效果：

::shadow {
    //this changes the lines on paper-tabs and the radios on a paper-radio-buttons
    #selectionBar, #onRadio { 
        background-color: green;
    }
    //this changes the "ink" on all ripple effects
    #ink {
        color: green;
    }
}