Цвет не меняется с этим.customStyle

Question

Я не могу получить панель выбора вкладок бумаги, чтобы изменить цвет при вызове changeColor(). Я делаю что-то неправильно?

<dom-module id="paper-tabs-custom"> 
    <style> 
     paper-tabs { 
     --paper-tabs-selection-bar-color: white; 
    } 

    paper-tab { 
     --paper-tab-content-unselected: { 
     opacity: 1.0; 
     } 
    } 

    paper-tab { 
     font-weight: 700; 
    } 

    paper-tab[name="portfolio"] { 
     width: 161px; 
    } 
    </style> 
    <template> 
    <paper-tabs noink="true" 
     attr-for-selected="name" 
     selected="{{setSelected}}"> 
     <paper-tab data-name="home" data-px="240" name="home" on-tap="jumpToPage"> 
     HOME 
     </paper-tab> 
     <paper-tab data-name="portfolio" data-px="180" name="portfolio" on-tap="jumpToPage"> 
     PORTFOLIO 
    </paper-tabs> 
    </template> 
    <script> 
    Polymer({ 
     is: "paper-tabs-custom", 
     changeColor: function() { 
     this.customStyle['--paper-tabs-selection-bar-color'] = 'black'; 
     this.updateStyles(); 
     } 
    }); 
    </script> 
</dom-module> 

Answer 1

Да, вам нужно установить свойство на <paper-tabs> непосредственно и вызвать updateStyles непосредственно на нем, как хорошо. Может быть, просто позвонив updateStyles на него, он будет делать трюк, но я совершенно уверен, что это ошибка.

this.$.tabs.customStyle['--paper-tabs-selection-bar-color'] = 'black'; 
this.$.tabs.updateStyles();