「未訪問」のリンクと「訪問済み」リンクの初期色。 Mozilla Firefox の場合。

目次

目的

• <a> リンクの初期設定の色を知りたい。
• 「未訪問」「訪問済み」の色を知りたい。
• ウェブブラウザ「Mozilla Firefox」で調べたい。
• ページから採取した色をクリップボードにコピーしたい。

テストしてみました。

CSS の revert 値で、それらしき色になりましたが、私の環境の場合、複数の CSS を経由した結果なので、 CSS を適用していない状態の色を調べてみました。

a:visited{
    color: revert; /* 訪問済みのリンクの色を元に戻す */
}

初期設定のリンクの色は、ウェブブラウザによって違うようなので、 Firefox 限定になりますが良ければご覧ください。

目次まで戻る

サンプル

以下の URL に色採取用のサンプルページを準備してみました。

サンプルページの URL と 2 つ目のリンクの URL は同じなので、 2 つ目のリンクが訪問済みになると思います。

目次まで戻る

方法

Mozilla Firefox で以下の操作を行い色を採取してみました。

1. 「Ctrl+Shift+I」キー「ウェブ開発ツール」を起動
2. 「Ctrl+Shift+C」で「インスペクター」タブを表示（下記画像 1 ）
3. 「スポイト」のアイコンになっているボタンをクリック（下記画像 2 ）
4. マウスカーソルを置いている位置の半径数ピクセルが、虫メガネのように円形に拡大表示されて、中心の位置の色が表示されました。
5. マウスを左クリックすると、色をクリップボードにコピーする事が出来ました。

目次まで戻る

結果

採取結果は以下の画像のようになりました。未訪問のリンクの色は「#0066cc」、訪問済みのリンクの色は「#551a8b」でした。

クリックする場所によって色が変わってしまうので、正確ではないかもしれません。

テスト環境

• Windows 10（64 ビット）
• Mozilla Firefox 119.0.1 (64 ビット)

以上、閲覧ありがとうございました。

目次まで戻る