Google Chrome でユーザースタイルシートを適用する

Google Chromeでユーザースタイルを適用する方法です。

「Stylus」というアドオンを使った方法です。

又は、Chrome ウェブストア内の検索窓で「Stylus」を検索して、Stylusのページを開きます。

「Chromeに追加」をクリックします。

確認が出るので、「拡張機能を追加」をクリックします。

しばらく待つと、追加された旨のポップアップが出るので、右上に付いている「×」をクリックしてポップアップを閉じます。

ブラウザ画面の右上のアドオンのボタン（パズルのピースのようなアイコン）をクリックし、「Stylus」をクリックします。

「管理」をクリックします。

左の欄で、「新スタイルを作成」をクリックします。

左の欄で、任意の名前を入力します。（「全サイト用」「Yahoo用」「Yahooトップページ用」等。）

右の欄の大きな入力欄に、目的のスタイル（CSS）を記述します。
（右の欄を選択出来ない場合は、一度その設定のタブを閉じて、開き直してください。）

又、値の最後に「 !important」を付けると、そのスタイルが適用されやすくなります。例えば、以下のような感じです。

* { font-weight: bold !important; }

* {
font-weight: bold !important;
}

記述したら、左の欄の「保存」をクリックします。

特定のサイトやURLだけにスタイルを適用したい場合は、スタイルを記述する欄の下にある「+」を押し、以下のように設定します。

「https://example.com/aaa.html」というURLのみを指定する場合: 「URL」「https://example.com/aaa.html」
「https://example.com/」が頭に付くURLを指定する場合: 「次で始まる URL」「https://example.com/」
「example.com」ドメインの全サイトを指定する場合（「aaa.example.com」等）: 「ドメイン上の URL」「example.com」
どこかに「aaa」を含むURLを指定する場合: 「正規表現に一致する URL」「.*aaa.*」
「aaa」で終わるURLを指定する場合: 「正規表現に一致する URL」「.*aaa」

URLの条件は、右端の「+」で追加、「-」で削除出来ます。

又、ブラウザ画面の右上のアドオンのボタン（パズルのピースのようなアイコン）をクリックし、「Stylus」をクリックして、「次のスタイルを書く:」の下のURLの対象部分をクリックしても、そのURLに限定したスタイルを書くことが出来ます。

スタイルの反映は、左の欄の「有効」と「自動プレビュー」にチェックが入っていれば、スタイルを記述した時点でリアルタイムに行われます。念の為に「保存」をクリックしても良いでしょう。

目的のWEBページを開き、正しくスタイルが適用された事が確認出来たら、左の欄の「保存」をクリックし、設定画面のタブを閉じます。

ブラウザ画面の右上のアドオンのボタン（パズルのピースのようなアイコン）
→ 「Stylus」
→ 「管理」
→ 右の欄のスタイル名
の順にクリックします。

ブラウザ画面右上のメニューのボタン（「⁝」）
→ 「その他のツール」
→ 「拡張機能」
→ 「Stylus」の左下にある「詳細」
→ 下の方にある「ファイルのURLへのアクセスを許可する」
をクリックして、オンの状態にしてください。

ブラウザ画面の右上のアドオンのボタン（パズルのピースのようなアイコン）
→ 「Stylus」
→ 「管理」
→ 右の欄のスタイル名の右の方にある「×」
→ 「削除」
の順にクリックします。

以上です。不明な点、間違い、より良い方法等がある場合はこちらからご連絡頂けると有難いです。