Twentysixteenで、text-decorationが効かない

  • 解決済 itiyama

    (@itiyama)


    6年、 6ヶ月前

    こんにちは。お世話になっております。よろしくお願いします。
    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件中)
  • ishitaka

    (@ishitaka)

    6年、 6ヶ月前

    こんにちは

    線（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;
}
    トピック投稿者 itiyama

    (@itiyama)

    6年、 6ヶ月前

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

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

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

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