BloggerのCSSを変更する方法-FP2級薬剤師の薬とお金研究室

Google Code-Prettifyからコードがコピーできない！？

このブログに導入したGoogle Code-Prettifyからソースコードをコピーして使ってみようとしたところ少し問題が発生しました。

なんと、コピーをしようとしたときに選択範囲が表示されないのです。ちなみにコピーはできていますが、選択範囲が見えないのでとても不便です。

Google Code-Prettify以外の部分で選択をしてみたところ、一般的なウェブページのように背景色が変わるのではなく、文字がぼやけるような設定となっていました。

CSSの修正でなんとかなりそうです。

久しぶりにCSSの編集をしようとしたら、すっかり忘れてしまっていたのでメモとして残しておきます。

①左メニューからテーマを選択し、中央のカスタマイズボタンをクリックします。

②カスタマイズページで、詳細設定を開きCSSを追加をクリックするとCSSを入力するフォームのようなものが表示されます。

③CSSは追記したものが優先して表示されるので、同じ要素のものであれば上書きされるようなイメージです。今回は選択時の背景色の変更と、文字をぼやけを無しにしたいので以下のように追記しました。

::selection {
    background: #d8bfd8;
　text-shadow: none;
}