聚合物，如何調整填充內部div在紙對話框滾動

內容區域paper-dialog-scrollable有一個24px填充左側和右側。我想改變這一點。在呈現HTML時，它是一個內聯樣式表和一個具有填充的內聯div。我試過使用以下無效。聚合物內聯風格是在我的內聯風格之後進入的。聚合物，如何調整填充內部div在紙對話框滾動

不起作用：

<style> 
    .scrollable { 
    --paper-dialog-scrollable: { 
     padding-left: 0px; 
     padding-right: 0px; 
    }; 
    } 
</style>

在下面的圖片它是使用id =「滾動」我需要改變股利。我認爲它是scope = paper-dialog-scrollable-0，它實際上設置了填充。

那麼，如何調節填充到內部格在紙上的對話中滾動的？

來源

2016-02-16 jeff

您可以使用選擇器，如::shadow和/deep/，但它們已被棄用。如果一個元素沒有提供鉤子（CSS變量和mixin），那麼你基本上運氣不好，並且.scrollable沒有這樣的鉤子。

你可以做的是在elements GitHub回購庫中創建一個功能請求，以通過mixin支持更多的選擇器。

我已成功使用的另一個解決方法是添加style module。

創建樣式模塊像

<dom-module id="scrollable-customization"> 
<style> 
    .scrollable { 
    --paper-dialog-scrollable: { 
     padding-left: 0px; 
     padding-right: 0px; 
    }; 
    </style> 
</dom-module>

進口，然後「注入」它的滾動的元素

var myDomModule = document.createElement('style', 'custom-style'); 
myDomModule.setAttribute('include', 'scrollable-customization'); 
Polymer.dom(this.$pdscroll.root).appendChild(myDomModule);

我希望的語法是正確的。我僅使用Dart使用聚合物。 dom模塊需要爲custom-style，即使這通常只在聚合物元素外使用時纔是必需的。

又見Styling Polymer paper-slider

來源

2016-06-02 14:21:46

有沒有辦法實現這個沒有注射這種風格，我的意思是隻使用混入 - 紙張對話框可滾動\t？ –

我想不是，但不確定。我還沒有使用聚合物超過一年。 –

我找到了另一種方式，只是使用元素的風格，遵循

paper-dialog-scrollable { --paper-dialog-scrollable: { padding: 0 10px; }; }

來源

2017-03-29 21:09:24

聚合物，如何調整填充內部div在紙對話框滾動

回答

相關問題