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

[最終更新] 2016年7月31日

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」

関連記事

スポンサーリンク