読者です 読者をやめる 読者になる 読者になる

はてなブログで記事を下書きに保存すると設定したカテゴリーの見た目が変わる

はてなブログ CSS

はてなブログで記事にカテゴリーを設定するとこんな感じで表示されますが

f:id:splicom:20150721122604j:plain

記事を下書きに保存してから再度記事を開くと表示が変わってしまいます。

f:id:splicom:20150721122612j:plain

新しくカテゴリーを設定してみると、そちらの表示は従来通り。

f:id:splicom:20150721122622j:plain

Chromeのデベロッパーツールで見てみると

カテゴリーを設定した直後

<span id="selected-categories">
    <span class="category" data-category-name="はてな">
    <span class="name">はてな</span>

下書きに保存したあと

<div class="category" data-category-name="はてな">
    <span class="name">はてな</span>

CSS

#entry-categories span.category {
  padding: 0.2em;
  border: 1px solid #DDD;
  background-color: #EEE;
  border-radius: 0.1em;
  -o-border-radius: 0.1em;
  -moz-border-radius: 0.1em;
  -webkit-border-radius: 0.1em;
  margin-right: 5px;
  font-size: inherit;
  display: inline;
  word-wrap: break-word;
}

categoryクラスにデザインが設定されていますが、spanに対して適用しているので、divだと適用されずこういう表示になっていると思われます。記事の投稿はできますし、あくまで見た目が違うだけです。設定済みのカテゴリーを区別するためともとれなくはないですが。