link_toの下線を消す

プログラミングの勉強日記

2020年8月3日　Progate Lv.226
aタグと同じようにlink_toの下線を消す。（メモ）
HTMLのリンクについてはこちらの記事で扱っている

方法

　1.link_toにクラスを付ける。

layouts/application.html.erb

<li>
  <%= link_to("User List", "/users/index", class:"userList") %>
</li>

　2. scssファイルまたはcssファイルで下線を消す処理をする

stylesheets/application.css

.userList{
  text-decoration: none;
}