当サイトの特徴と独自コラボ記事はこちら

【HTML】モバイルページの検索窓に色を付けるmetaタグの「theme-color」の使い方。

HTML
この記事は約1分で読めます。

日本経済新聞とかのページでタブの検索窓に色がついてるやつあるじゃないですか、あれなんかかっこいいんで実装してみました。(とはいへ昔からやってたのだが)

設定方法

単純にカラーコードの入った以下のmetaタグをhead内に貼り付けるだけ。

<meta name="theme-color" content="#5fd354">

16進数カラーコードを選択するやつは以下のサイトが便利です。

そうすると以下のように色が変わります。

ですが、Opera等一部のブラウザは非対応です。

コメント

タイトルとURLをコピーしました