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

时间:2014-09-23 12:32:37

标签: css components polymer material-design

组件html文件中的注释说:

To change the ink color:

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

我想全局地做,所以我在我的主site.css中尝试了上面的例子(没有.pink类),它没有任何效果。我也试过以下没有运气。

#ink { color: green !important }

2 个答案:

答案 0 :(得分:2)

您需要使用/deep/组合器

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

答案 1 :(得分:0)

出于某种原因,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;
    }
}