サポート » テーマ » Twentysixteenで、text-decorationが効かない

  • 解決済 itiyama

    (@itiyama)


    こんにちは。お世話になっております。よろしくお願いします。
    Twentysixteenを使っています。

    リンクを貼ったテキストの、アンダーラインを除去するために、

    display: block;
    text-decoration: none;

    を使いますが、上手く行きません。

    以下のような事でやりました。

    //////////// CSS ////////////////
    #side-navi ul {
    }
    #side-navi ul li {
    }
    #side-navi li a {
    display: block;
    text-decoration: none;
    }

    //////////// html ////////////////

    <ul id=”side-navi”>

    //////////// CSS ////////////////
    ul.side2 {
    padding: 0;
    }
    ul.side2 li, ol.side li {
    }
    .side2 li a{
    display: block;
    text-decoration: none;
    }

    //////////// html ////////////////
    <ul class=”side2″>

  • HTML
  • CSS
  • Photo
  • お教えいただければ、ありがたく存じます。
    何卒、よろしくお願い申し上げます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    線(text-decoration)ではなく、影(box-shadow)のようです。

    style.css で下記のように記述してあるので、

    .entry-content a,
    .entry-summary a,
    .taxonomy-description a,
    .logged-in-as a,
    .comment-content a,
    .pingback .comment-body > a,
    .textwidget a,
    .entry-footer a:hover,
    .site-info a:hover {
    	box-shadow: 0 1px 0 0 currentColor;
    }

    こんな感じでしょうか。

    .entry-content a,
    .entry-summary a,
    .taxonomy-description a,
    .logged-in-as a,
    .comment-content a,
    .pingback .comment-body > a,
    .textwidget a,
    .entry-footer a:hover,
    .site-info a:hover {
    	box-shadow: none;
    }

    ishitakaさま
    お教えにより、解決しました!
    アンダーラインでなく、box-shadowと言うものだったとは、
    全く、分かりませんでした。

    ここ暫く、不思議だなと感じていました。
    問題が解消されて、大変スッキリしました。

    今後ともよろしくお願い申し上げます。

    • この返信は2年、 4ヶ月前にitiyamaが編集しました。理由: 解決済みを忘れた
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Twentysixteenで、text-decorationが効かない」には新たに返信することはできません。