2014-04-09 39 views
1

我使用Polymer構建了一個應用程序,並按預期工作。我想用完全自定義的外觀和風格來設計它。禁用默認聚合物CSS

是否可以通過標誌或某種迂迴的方式禁用聚合物元素的默認樣式,還是我將不得不手動覆蓋我想更改的所有內容?

+0

你可以發佈一個你試圖實現的jsbin。示例代碼很有用:)不清楚「默認Polymer css」的含義。 ''元素的CSS,您創建的元素,...? – ebidel

+0

我正在嘗試改變''UI元素的外觀和感覺,並且重寫每個樣式以回到基線是很繁瑣的。如有必要,我可以發佈JSBin。 – bitpshr

+0

如果你可以更具體,這將有所幫助。這是一個平衡的行爲。另外,建議你看一看'core-*'元素,並用它們代替'polymer-ui- *'向前移動。 –

回答

4

從外部覆蓋元素的樣式,你可以使用::shadow/deep/http://www.polymer-project.org/articles/styling-elements.html#style-fromoutside

那些刺穿影子DOM的界限,讓你的目標節點內部的元素。不幸的是,這意味着你需要明確地編寫以這些節點爲目標的規則。這是對組件的處理......作者定義了外觀和感覺,但歡迎您將其作爲消費者/開發人員進行覆蓋。

還值得注意的是,視覺元素使用非視覺元素來完成他們的工作。如果你需要一個完全不同的用戶界面,我會創建一個重用這些核心元素的元素。