More than 3 years have passed since last update.

link_toの下線を消す

Last updated at 2020-08-02Posted at 2020-08-02

#プログラミングの勉強日記
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;
}