Featured image of post WordPress の Twenty Sixteen でリンクの下線を消す

WordPress の Twenty Sixteen でリンクの下線を消す

text-decorationじゃなかった

WordPressの標準テーマの一つであるTwenty Sixteenにおいて、リンクの下線を消すやり方です。通常、リンクの下線を消すには以下を用いるとされます。

`a { text-decoration: none; }`

正解はbox-shadow

しかし、Twenty Sixteenにおいては、リンクの下線はtext-decorationではなく、box-shadowでやられているようです。したがって、以下のようにするとリンクの下線が消えます。

`a:link {
 box-shadow: none;
 }
 a:visited {
 box-shadow: none;
 }
 a:hover {
 box-shadow: none;
 }
 `

ハマりました……。

参考記事「get rid of underlined links css twenty sixteen « WordPress.com Forums」

コメント(4件)

コメントは承認後に表示されます。

  1. 名無し

    ありがとうございました!

  2. hackle

    お役に立てたようで、よかったです。

  3. mayor

    めっちゃ痒い所に手が届く記事です!

  4. tama

    おお、Twenty Sixteenは現役なんですねぇ。お役に立てたようでよかったです!

コメントを書く

或る阿呆の記.
Hugo で構築されています。
テーマ Stack は Jimmy によって設計されています。