Amazonで最大90%OFFの在庫処分セールが開催中!

最終更新 [2020年5月25日]





Chromeでラジオボタンやチェックボックスなど各種フォームのデザインを変更して従来のデザインに戻す方法です。

Chrome フォームデザイン変更 元に戻す

Chromeがアップデートにより、ラジオボタンやチェックボックスといった各種フォームのデザインが従来のモノクロから青色をメインカラーとしたデザインに変更されています。
自分の場合、Chromeバージョン83にアップデートされた後、数日後から適用されました。

Chromeでラジオボタンを選択した場合は、選択した項目に青の点、チェックボックスはチェックした場合、枠自体が青くなり白色のチェックが付きます。
個人的には、けっこう見やすいと思うのですが、従来のモノクロのデザインがいいという声もあります。

このChromeのラジオボタンやチェックボックスなど各フォームのデザインは今のところだと従来のデザインに戻すことができます。

この記事では、Chromeで新しく採用された各フォームのデザインを元のデザインに切り替える(元に戻す)方法を紹介します。


【Chrome】ラジオボタンやチェックボックスなど各フォームのデザインを従来のデザインに切り替える(元に戻す)方法

簡単にchrome://flags/から以前のデザインに戻すことができる

テスト的な隠し機能なので今後変更ができなくなる可能性もある
Chrome フォームデザイン変更 元に戻す

Chromeでは定番の「chrome://flags/」から以前のフォームデザインにサクッと戻すことができます。
「chrome://flags/」って何?という人もこの記事で紹介している手順に沿ってもらえれば簡単に変更できます。

ただあくまでもテスト機能的な立ち位置のものなので、さらにアップデートが進んでいくと使えなくなる可能性があります。
記事作成時に最新のバージョンである83.0.4103.61(Windows10 64bit)だと↓の手順でchrome://flags/からフォームのデザインを従来のものに変更できることを確認しました。

Chromeの各フォームのデザインを従来のものに戻す手順

Chrome フォームデザイン変更 元に戻す

chrome://flags/

↑をコピーしてChromeの検索ボックスに入力してEnterをクリックします。

Chrome フォームデザイン変更 元に戻す

「Experiments 警告: 試験運用版の機能です」と書かれた英語がメインの画面が表示されます。

Chrome フォームデザイン変更 元に戻す

#form-controls-refresh

↑をコピーしておきます。

ページ上部にある「Search flags(検索ボックス)」の部分にコピーした「#form-controls-refresh」を貼り付けます。
表示されている項目が変わるのがわかると思います。
太字で書かれたWeb Platform Controls updated UIという項目が一番上にくると思います。

Web Platform Controls updated UIの横のプルダウンを変更
Chrome フォームデザイン変更 元に戻す

このWeb Platform Controls updated UIという項目の横にあるプルダウン(Defaultが選択されている部分)をクリックします。
ここで「Disable」を選択することでChrome上のフォームのデザインが以前のものに戻ります。

Disableを選んでChromeを再起動すれば以前のデザインに戻る
Chrome フォームデザイン変更 元に戻す

Disableを選択します。
画面下部に「変更内容は次にGoogle Chromeを再起動した時に有効になります。」という旨の英語メッセージが表示されます。
その横にある「Relaunch」をクリックするとChromeが再起動します。

フォームのデザインが従来のものになっていればOK
Chrome フォームデザイン変更 元に戻す

Chrome再起動後にラジオボタンやチェックボックスが表示されているページにアクセスして、バージョン83までと同じモノクロのデザインに戻っていればOKです。

新デザインに切り替える方法

変更した項目を元に戻すorフルリセットすればOK
Chrome フォームデザイン変更 元に戻す

やっぱりバージョン83から採用された青基調の新しいデザインのフォームデザインが使いたくなった!となった場合は、以前のバージョンに戻した時の手順と同様にchrome://flags/からWeb Platform Controls updated UIの項目を「Default」に戻してChromeを再起動するか、chrome://flags/の画面の右上にある「Reset all to dafault」をクリックしてフルリセットすればOKです。

今回設定したフォームデザイン以外にもchrome://flags/で設定を変更している場合は、Web Platform Controls updated UIの項目のみを「Default」に戻すようにしてください。

いつまで前のデザインに戻せるかは不明

今の内にバージョン83からの新デザインに慣れておく方がいいかも。。

Chrome69新デザイン

ただ最初にも書きましたが、chrome://flags/はあくまでもテスト的な機能です。
いつ項目自体がなくなるかわかりません。
現にこれまでも様々な機能が登場してはいつしかから使えなくなったというパターンも多々ありました。

Chromeバージョン83から採用されている新デザインの各フォームが今後は中心となっていくと思うので今の内に慣れておいた方がいいのかもしれません。
個人的にはラジオボタンやチェックボックスは、従来のモノクロデザインのものよりも、選択していることがわかりやすくて見やすいと思います。


< この記事をシェア >






現在開催中の「おトク」なキャンペーン、セール

【8月31日まで】IIJmioの「初期1円!eSIMお試しキャンペーン」でおトクにeSIMを利用する方法 – iPhone 12シリーズでも動作確認済み!

MVNO・格安SIM

IIJmioが「初期1円!eSIMお試しキャンペーン」をスタート!キャンペーン期間は2021年8月31日まで。

【ソフトバンクオンラインショップ限定】「web割」で機種代金を最大21,600円割引する方法

携帯電話

オンライン限定!MNP(のりかえ)なら最大21,600円割引!販売しているほとんどのiPhone、Androidスマホがキャンペーン対象。

【10月版】ペイペイジャンボとは?還元条件、対象ショップまとめ – おトクに支払いする方法。9月~11月は秋のペイペイジャンボ(オンライン)

キャンペーン

最大1,000%還元や全額還元などが当たる「ペイペイジャンボ」開催!対象となる条件や特典をまとめました

【2021年10月~11月】『超PayPay祭』の内容&条件まとめ – 最大50%還元のSUPER PayPayクーポンや3%〜20%還元のショップなど多数登場

キャンペーン

2021年10月18日~11月28日に開催されるPayPay最大級の「超PayPay祭」今回はクーポンがアツい!もちろんショップでの買い物も大幅還元!


≫ 開催中のキャンペーンをもっと見る

usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m


キーワード:Chrome , chrome://flags , Windows , チェックボックス , デザイン , バージョン , フォーム , ラジオボタン ,


同じカテゴリの記事

【セブンネット限定あり】L’Arc~en~Ciel『LIVE 2018 L’ArChristmas』オフィシャルグッズを予約・購入する方法

ショッピング

セブンネットショッピングでL’Arc~en~Ciel『LIVE 2018 L’ArChristmas』オフィシャルグッズの予約開始!

G-SHOCK×八村塁選手がコラボ!シグネチャーモデル「GST-B100RH-1AJR」を予約・購入する方法

ショッピング

G-SHOCKにNBAプロバスケットボールプレーヤー『八村塁』選手監修のシグネチャーモデルが登場!8月8日発売で価格は62,000円(税抜)です。

au Wowma!の還元率を20%~25%還元にアップする方法 – 超パワーアップで超たまる au WALLET ポイント!20%還元キャンペーン

ショッピング

au Wowma!で「超パワーアップで超たまる au WALLET ポイント!20%還元キャンペーン」が開催中!三太郎の日なら最大25%還元!


新着記事

【iPhone】Apple Payに設定しているnanacoの残高にクレジットカードからチャージする方法 – かなり便利だけどチャージできないクレカあり。。

Apple Pay

Apple Payに登録したnanacoならクレジットカードでのチャージが超簡単&即反映!ただしチャージに利用できないブランドあり

【有機ELモデルの抽選・在庫・入荷情報あり】「ニンテンドースイッチ」を予約・おトクに購入する方法

ゲーム

有機ELディスプレイを搭載した新型Switch「Nintendo Switch(有機ELモデル)」が登場!!発売日は2021年10月8日で価格は37,980円(税込)

【iPhone】Apple Payに設定しているnanacoの「nanaco番号(カード番号)」を確認する方法

Apple Pay

Apple Payに登録済のnanacoにももちろん「nanaco番号」あり!カードからApple Payに取り込んだ場合は番号が変わるので注意!

「nanaco」をApple Payに設定する方法 – カード取り込みや設定後にやること、メリット、注意点などまとめ。iPhoneに設定してみた

Apple Pay

電子マネー「nanaco」がApple Payに対応!これでiPhoneやApple Watchで「nanaco」が利用可能に!注意点あり

LINE無料スタンプ&隠しスタンプまとめ – 無料で使えるスタンプをゲットする方法と条件。取り放題も開始!

LINE

LINEスタンプショップ、ストアのイベントで無料でダウンロードできるスタンプ&隠しスタンプを徹底まとめ!


≫ 新着記事をもっと見る

usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【裏技?】ahamoを新規契約して10,000dポイントをもらう方法 – ドコモSIM単体契約⇒即ahamoへのプラン変更でポイントが付与された

    ドコモのSIMを単体契約⇒即ahamoにプラン変更で10,000dポイントがもらえた!直接ahamoで契約するよりもかなりおトクに


    【完全無料!!】Amazon Musicの音楽を無料で聴く方法 – 非プライム会員でも利用OKの『Amazon Music FREE』登場!できることや機能制限、利用環境など

    Amazonの音楽聞き放題サービスに無料版の『Amazon Music FREE』が登場!マジで無料で音楽が聴ける(もちろん制限あり)


    【Android】楽天モバイルの月額基本料金を0円にする方法 – 月間データ通信量が1GB未満になるように設定してみた。完全放置は回線停止もあるので危険

    Rakuten UN-LIMIT VIは月間データ通信量を1GB未満に設定すれば月額料金が無料!Androidスマホでデータ節約機能を使って制御してみた


    【10月版】『ワクワクペイペイ』キャンペーン内容&参加条件まとめ – 10月は超PayPay祭&街ペイペイ祭、クーポンや地域限定etc… おトクに買い物する方法

    月替わりで開催されるPayPayのおトクなキャンペーン「ワクワクペイペイ」参加条件や今月対象のお店は?


    【Android】メルペイをiDとしてスマホに追加&実際の支払い方法 – おサイフケータイへ登録すればメルカリの売上金やポイントがそのまま使える!あと払いもアリ

    メルペイをAndroidのおサイフケータイにiDとして設定してみた!優先支払い&暗証番号の設定も含めてセットアップと支払い時の使い方を解説


    注目の記事をぜんぶ見る

  • 最新記事

    【iPhone】Apple Payに設定しているnanacoの残高にクレジットカードからチャージする方法 – かなり便利だけどチャージできないクレカあり。。

    Apple Payに登録したnanacoならクレジットカードでのチャージが超簡単&即反映!ただしチャージに利用できないブランドあり


    【有機ELモデルの抽選・在庫・入荷情報あり】「ニンテンドースイッチ」を予約・おトクに購入する方法

    有機ELディスプレイを搭載した新型Switch「Nintendo Switch(有機ELモデル)」が登場!!発売日は2021年10月8日で価格は37,980円(税込)


    【iPhone】Apple Payに設定しているnanacoの「nanaco番号(カード番号)」を確認する方法

    Apple Payに登録済のnanacoにももちろん「nanaco番号」あり!カードからApple Payに取り込んだ場合は番号が変わるので注意!


    「nanaco」をApple Payに設定する方法 – カード取り込みや設定後にやること、メリット、注意点などまとめ。iPhoneに設定してみた

    電子マネー「nanaco」がApple Payに対応!これでiPhoneやApple Watchで「nanaco」が利用可能に!注意点あり


    LINE無料スタンプ&隠しスタンプまとめ – 無料で使えるスタンプをゲットする方法と条件。取り放題も開始!

    LINEスタンプショップ、ストアのイベントで無料でダウンロードできるスタンプ&隠しスタンプを徹底まとめ!


    最新記事をもっとチェック

  • usedoorをフォロー


  • 現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ

    【最大3万円還元!】ソフトバンクのAndroidスマホを購入して高額キャッシュバックをGETする方法

    ソフトバンクのAndroidスマホを購入するとキャッシュバックがもらえるぞ!さらにクーポンでPayPayボーナスももらえる!


    【実質1円!!】楽天モバイル(UN-LIMIT)の『AQUOS sense4 lite』を激安で購入する方法 – 値下げ&超大幅ポイント還元で実質1円に

    楽天モバイル正式対応のSIMフリーAndroidスマホ「AQUOS sense4 lite」が実質1円と投げ売り!販売価格-ポイント還元が1円に


    【最大3万円還元】ソフトバンクのiPhone XS / XS Maxを購入して高額キャッシュバックをGETする方法

    のりかえなら割引またはキャッシュバック&クーポンで実質46,160円でiPhone XS 256GBが買えるぞ!


    【ドコモ】『端末購入割引』でiPhone・Androidスマホをおトクに購入する方法 – 適用条件と割引による値下げ、現在の対象機種まとめ

    ドコモの分離プラン導入後に新たに登場した「端末購入割引」 条件を満たしていれば機種変更でも対象のiPhoneやAndroidがおトクに買える!


    【在庫復活!!】実質0円!楽天モバイル(UN-LIMIT)の『Rakuten Hand』を超激安で購入する方法 – 超大幅ポイント還元

    ジャストサイズで高性能な楽天モバイルオリジナル端末「Rakuten Hand」が超大幅ポイント還元で実質0円!超激安に!!


    開催中のキャンペーンをぜんぶ見る

  • あわせて読みたい記事