元ページの引用スタイルを引き継いでいるはてなスター引用機能について

はてなスターの引用機能についてです。引用したテキストを表示するときに、スター設置ページで背景画像など指定してある場合、そのスタイルが引き継がれているようです。

利用されているかたには説明するまでもないのですが、はてなスターの引用機能とは以下のようなものです。以下この機能のことをこのページでは「スター引用」という記述にて表現させていただきます。

• はてなスターに引用機能を追加しました - はてなスター日記

以前見たもので、どのようなページだったか忘れてしまいましたが、引用タグ（blockquote）に対して引用を明示するための背景画像をスタイルシートで指定されていた場合に、スター引用した部分がそのページでblockquoteに対して指定したスタイルを引き継いでいるようです。実際にどう見えるかは、確認できたページを忘れましたので、自分でサンプルを作成することにしました。以下のような表示になっています。

• サンプル(1)

テキトーに作ったものなので、お粗末なサンプルで申し訳ないですが、blockquote要素に対して、90x90ピクセルの背景画像を指定しています。この画像がスター引用したときに表示するレイヤーにも表示されていることが確認できるかと思います。スタイルの指定によっては、みづらいときもあるのでないでしょうか。

これを閲覧者側で見えなくするには、ブラウザがユーザースタイルシートを利用できるのならば、

blockquote { 
background-image : none !important;
 }

のような指定をすることで、スター引用の部分の画像は表示されなくなります。ただし、元記事の背景画像も消えてしまいます。

ページの製作者側で調整するという方法もあります。blockquoteに対してclassを指定しておけば、はてなスターのほうでは適用されなくなります。

• サンプル(2)

<style type="text/css">
blockquote.hoge {
background-image : url(hogehoge.gif);
background-repead : no-repeat;
}
</style>

<blockquote class="hoge">
<p>
・　・　・
</p>
</blockquote>

ただ思ったのですけれど、はてなスター側で要素を作っているわけですから、元ページのスタイルを引き継がなくてもいいのでないかなぁ、ということです。こちら側が調整してclassを付与するというのは何か手順が逆のような気がしています。