Chromeのライトモードに関するトラブル

Androidのスマホでの症状ですが、ライトモードでサイトを開くと
toggleのリンクボタンが表示されないのです。
リロードしたりライトモードをオフにすれば問題はないのですが、
閲覧する度にわざわざそれを要求するのもおかしな話ですよね。
この問題の対策として、CSSのキャッシュを自動で読み直すという手法が有効らしいのですが、
素人にはどうも手が出し辛い。
ググると他にも色々と対策は出てきますが、試してみても何の効果も得られませんでした。
この問題は同じtoggleボタンを使用していても他のサイトでは何の問題も起きていないので、
そのサイトのソースをコピペすればOKかと思いきやそうは問屋が卸さない。
まあ、使っているテーマは違うんだけど、テーマを替えるとCSSも変えないといけないので
作業が大変です。
結論から言うと、トラブルは解消されて見事toggleボタンは表示されるようになりました。
解決策としては、スクリプト用のCSSに直接toggleボタンの属性を書き込むというものです。
javascriptで動いているので、そちらのCSSが優先されるようですね。
これは程度の低い問題なのかなぁ。

コメント投稿フォーム

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

*