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

Posted 2023-02-23

【中文标题】在我的网站上使用的所有纸张元素中全局更改墨水颜色的最佳方法是啥？

【英文标题】：What is the best way to globally change the color of the ink in all paper elements used on my site?在我的网站上使用的所有纸张元素中全局更改墨水颜色的最佳方法是什么？

【发布时间】：2014-11-17 16:00:50

【问题描述】：

组件html文件中的注释说：

To change the ink color:

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

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

#ink  color: green !important 

【参考方案1】：

您需要使用 /deep/ 组合器

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

【参考方案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;