MacのChromeでチェックボックが消える問題を解消する２つの方法

macOSをMojaveにしたらChromeでチェックボックスやラジオボタンがうまく表示されない問題の解決方法です。

⇡チェックボックスにチェックを入れていないとちゃんと表示されるが…

⇡チェックを入れると、チェックが外れて見える…（実際はチェックは入っていいます）

ChromeがMojaveに完全に対応出来ていない、もしくはMojaveの不具合が原因でこんな感じになっています。

2018年9月10日現在、Mojaveはまだベータバージョンで、正式版は2018年秋頃正式リリースとなります。

Mojjaveが正式リリースになったり、Chromeの方で対応してくれれば恐らく解消されるかと思いますが、とりあえずの対処法を解説します。

動作環境

この現象は上記の環境で且つ、Chromeの拡大率が100%の時のみおこる現象なので、
Chromeの拡大率を100%以外、つまり拡大か縮小すると解消されます。

command ⌘＋＋（プラスキー）
command ⌘＋−（マイナスキー）
メニューバー　→　表示 → 拡大 or 縮小

⇡ブラウザの表示を拡大か縮小すると、とりあえず解消されるが…。

但し、再度100%（実際のサイズ）に戻すと消えてしまうので根本的解決にはならないです。

こういった不具合を解消してくれる便利な拡張機能も存在します。

拡張機能名：Mojave Checkbox-Fix

上記のURLから拡張機能をChrome内にインストールすればOK。設定項目はありません。

⇡拡張機能をインストールするだけで、ちゃんと表示されました。

Chromeのアップデートで問題が解消してくれるのが一番良いのですが、それまでは拡張機能Mojave Checkbox-Fixで対処しましょう。

なお、ChromeがちゃんとしてくれたらMojave Checkbox-Fixは不要ですのでChromeから削除しましょう。