[ask/consult]Dealing with CSS !important #97
Description
初めまして。
英語サイトを閲覧する際によく使用させていただいております。
大変革命的なツールだと思っております。開発していただき本当にありがとうございます。
1つ相談・提案させていただきたいです。
この拡張機能は、DOMのbodyタグ内にMouse Dictionaryウィンドウを挿入する仕組みとなっていると思います。
とあるサイトで、bodyタグにbackground-color: black !important;が設定されており、一方でMouse Dictionaryの文字列の設定は黒色にしていました。
その結果、Mouse Dictionaryウィンドウの背景色が強制的に黒色となり、文字が全く見えない、という現象が発生しました。
現在は、「Mouse Dictionaryウィンドウ全体のテンプレート」のstyleにbackground-color: {{backgroundColor}} !important;を設定することで対応しております。
bodyタグのCSSに!importantを設定しているサイトが悪いと言えばそれまでなのですが、このようなサイトが他に存在しないとも限らないので、ツール側で何か対策できるようにプルリクエストを送りたい、と考えているのですが、何か良い案はありますでしょうか？
自分としては、初期設定のHTMLテンプレート全体に!importantを付けるようにする、という案しか思いついていないのですが、流石にCSSとして美しくないよな...と思いとどまっております。
よろしくお願いいたします。