2

Bootstrap 3.1.1 と Polymer 0.2.4 を長い間使用してきましたが、突然、前回の Chrome 自動更新 (バージョン 35.0.1916.114) 以降の可能性がありますが、Bootstrap が Shadow DOM 要素のスタイル設定を停止しました。Chrome DevTools で (Shadow) DOM を調べたときに、これらのノード内の CSS クラスが表示されないことを確認できました。Firefox などの他のブラウザでは、まだ機能しています。

これが私に欠けているものなのか、何らかのバグなのかはわかりませんが、この奇妙なスタイル設定の動作は jsbin で直接見ることができます。私の問題を説明するために、実際のコンポーネントから抽出されたコードの 2 つの適応チャンクを含めています。

前の例で強調したかったのは、CSS スタイリングが適用される (または適用されない) 方法の違いにすぎないことに注意してください。

前もって感謝します、

ナチョ

PS私はPolymer 0.3.1でも同じ結果でチェックしました。

4

1 に答える 1

2

あなたが見ているのは、ネイティブの Shadow DOM とポリフィルの違いです。最初の例は、スタイルがシャドウ DOM の境界を越えていないために機能します。それらはライトドームに適用されているだけです。

解決策は、要素にスタイルシートを含めることです。より詳しい情報：

于 2014-06-08T16:51:15.997 に答える