用聚合物2中的CSS mixin覆蓋內聯樣式

有沒有辦法覆蓋聚合物2中的組件的內聯樣式？CSS mixin？用聚合物2中的CSS mixin覆蓋內聯樣式

與聚合物1，我有如下類似的代碼在我的組件做到這一點，這是工作的罰款（見＃1圖像）：

<style> 
    paper-menu-button { 
     display: block; 

     --paper-menu-button-dropdown: { 
      position: relative !important; 
      top: auto !important; 
      left: auto !important; 
      display: block; 
     }; 

     --paper-menu-button-content: { 
      max-width: none !important; 
      max-height: none !important; 
      display: block; 
     }; 
    } 
</style>

但隨着聚合物2，它不工作了（見＃2圖片）。

JS bin用於聚合物2

1.聚合物1： CSS：

輸出：

2.聚合物2： CSS：

輸出：

謝謝！

來源

2017-08-02 ranb2002

這裏有一個[JS斌]（https://jsbin.com/yuwisar/3/edit?html,output）與聚合物2紙菜單按鈕，有這個問題。 – ranb2002

這裏有一些HTML結果，因爲我不允許發佈兩個以上的鏈接： 3. [Polymer 1-HTML results]（https://i.stack.imgur.com/gNR8K.jpg） 4. [Polymer 2 - HTML結果]（https://i.stack.imgur.com/BZKvu.jpg） – ranb2002

在--paper-menu-button-dropdown中加上width:100%;。

工作JS Bin。

此外，請注意，我已將iron-icon.html更改爲iron-icons.html作爲箭頭圖標。

來源

2017-08-03 00:10:18 Ofisora

用聚合物2中的CSS mixin覆蓋內聯樣式

回答

相關問題