マテリアル デザインを Google カレンダーの Web バージョンに導入するための Chrome 拡張機能を作成しています。変更を加えるために Style と Tampermonkey を使用しましたが、すべてをパッケージにまとめてそのパッケージを Chrome にロードすると、CSS の大部分が完全に壊れているように見えます。
ここで利用可能なユーザースタイル: https://userstyles.org/styles/126526/google-calendar-material-v3-0-beta
ここのユーザースクリプト: https://greasyfork.org/en/scripts/18878-google-calendar-web-material
Chrome 拡張機能はこちら: https://chrome.google.com/webstore/detail/google-calendar-web-mater/cecnjahdgcpkhdgjbmiellinjbpamjgb
すべてが壊れているわけではないという奇妙なこと。
すべての css ルールで !important を使用する必要がありますか、それとも問題は別の場所にありますか? JS は正常に動作しているようです。
CSS に Style を使用し、JavaScript に Tampermonkey を使用すると、次のようになります。
Chrome 拡張機能を使用する場合:
