【Rails】 마음에 드는 (좋아요)의 하트 아이콘과 카운트 수 사이에 수수께끼의 밑줄, 지우는 방법 (메모)

목표



이 하트 아이콘과 카운트 수 사이의 밑줄을 끕니다.





likes.html.erb
<p>お気に入り一覧</p>

<% @like_posts.each do |post| %>
  <% if logged_in? %>
    <% if current_user.like?(post) %> 
        <%=link_to post_likes_path(post), method: :delete do %>
           <i class="fas fa-heart unlike-btn"></i>
         <% end %>
     <% else %>
        <%=link_to post_likes_path(post), method: :post do %>
           <i class="fas fa-heart like-btn"></i>
        <% end %>
     <% end %>
         <%= post.likes.count %>
  <% end %>

html.erb의 기술에 언더 바가 들어가는가 라든지 기술 미스인지 몇번이나 재검토했습니다만 이변은 보이지 않고, 최종적으로 view측으로부터 검증해 보기로 했습니다.



그러자 a요소라는 존재를 깨달았습니다. ( 링크 앵커 )



조사해 보면 CSS에서 text-decoration를 사용하여 지울 수 있다는 것을 알았기 때문에

css
a{
  text-decoration: none;
}

값에 none 라고 넣어 확인하면 무사 밑줄이 사라졌습니다.
단순 내용입니다만 아이콘이 링크가 되어 있는 것을 실망하고 있었습니다, 거기에 검증을 잊기 쉬운 자신을 위해서도 비망록으로서 남겨 둡니다.

좋은 웹페이지 즐겨찾기