はてなスターの引用機能についてです。引用したテキストを表示するときに、スター設置ページで背景画像など指定してある場合、そのスタイルが引き継がれているようです。
利用されているかたには説明するまでもないのですが、はてなスターの引用機能とは以下のようなものです。以下この機能のことをこのページでは「スター引用」という記述にて表現させていただきます。
以前見たもので、どのようなページだったか忘れてしまいましたが、引用タグ(blockquote)に対して引用を明示するための背景画像をスタイルシートで指定されていた場合に、スター引用した部分がそのページでblockquoteに対して指定したスタイルを引き継いでいるようです。実際にどう見えるかは、確認できたページを忘れましたので、自分でサンプルを作成することにしました。以下のような表示になっています。
テキトーに作ったものなので、お粗末なサンプルで申し訳ないですが、blockquote要素に対して、90x90ピクセルの背景画像を指定しています。この画像がスター引用したときに表示するレイヤーにも表示されていることが確認できるかと思います。スタイルの指定によっては、みづらいときもあるのでないでしょうか。
これを閲覧者側で見えなくするには、ブラウザがユーザースタイルシートを利用できるのならば、
blockquote {
background-image : none !important;
}
のような指定をすることで、スター引用の部分の画像は表示されなくなります。ただし、元記事の背景画像も消えてしまいます。
ページの製作者側で調整するという方法もあります。blockquoteに対してclassを指定しておけば、はてなスターのほうでは適用されなくなります。
<style type="text/css">
blockquote.hoge {
background-image : url(hogehoge.gif);
background-repead : no-repeat;
}
</style>
<blockquote class="hoge"> <p> ・ ・ ・ </p> </blockquote>
ただ思ったのですけれど、はてなスター側で要素を作っているわけですから、元ページのスタイルを引き継がなくてもいいのでないかなぁ、ということです。こちら側が調整してclassを付与するというのは何か手順が逆のような気がしています。