More than 3 years have passed since last update.

Rails link_toで表示された下線を消す方法

Posted at 2021-01-08

はじめに

検証機能を使えば分かるがlink_toはaタグ

aタグだからscssにて

a {
    text-decoration: none;
}

を指定する

link_toにクラスをつけて

<%= link_to "リンク", path名, class: "link" %>

scssにて指定

.link {
   text-decoration: none;
}

##それでも消えないとき

!importantを付けて優先順位を変更する

a {
    text-decoration: none !important;
}

.link {
    text-decoration: none !important;
}

!importantはあくまで最後の手段なので多用は厳禁