聚合物CSS問題

Question

所以我創建了一個聚合物佈局，可以用作一般的網站佈局。在過程中我創建了2個自定義元素，這些元素可以通過git hub獲得。

我遇到的問題是無法爲子組件設置CSS。
我在想這是一個瀏覽器問題，但我試圖驗證。它在Chrome中完美運行（當然）。

但在Firefox和IE中，主標題不會更改。
然後還有其他各種差異。例如，在IE中，如果您打開搜索，則只有單擊它時，纔會顯示下拉選項。在FireFox中，當您打開搜索時，佈局已關閉。

要查看它，你可以轉到

這是缺省的/原始佈局衣服是一個起點。 http://trutekinnovations.com/

這是一個黑暗的主題我的工作，你能怎麼看這個問題 http://trutekinnovations.com/jbtheme.html

這實際上是一對夫婦，我希望6個月內推出一年的個人項目。我知道聚合物不是生產準備好的，但我認爲農場會說到那時候。

有沒有人有任何建議。我嘗試將CS​​S轉換爲組件中的變量，但沒有奏效。
我正要嘗試拉出CSS，然後看看我是否可以使它成爲外部並且CSS網址是默認爲本地版本的變量。

這就是我明天可能會嘗試的。問題是我知道這是新的，而不是像過去一樣在新興技術上做了什麼（在我得到它的工作之前，我的頭靠在牆上）我想實際嘗試使用社區。

另外我希望人們檢查我的組件，並幫助我改進它們。感謝您提供任何提示/建議。

Answer 1

那麼，我能夠解決我自己的問題，使用我建議動態加載CSS的方法。

我發現下面的網站： http://japhr.blogspot.com/2014/06/dynamically-adding-external-styles-to.html

其中我當時能夠使用該代碼來修改它，所以我可以加載一個基地CSS類，然後加載自定義主題，或多個自定義CSS。從技術上講，我可以拉出顏色並使其動態加載基本CSS，然後加載默認主題。這可能是我接下來要添加的內容。

要查看代碼，你可以查看github上 https://github.com/tikicoder/trutek-header-panel-drawer

查看演示： http://trutekinnovations.com/ http://trutekinnovations.com/jbtheme.html

這本來是很好，如果我可以使用的東西都做到了像

我曾嘗試過，但沒有拉動變量。我可以在樣式標記中做到這一點，並通過自定義CSS，但它只能在Chrome中使用。