【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
를 사용하여 지울 수 있다는 것을 알았기 때문에
cssa{
text-decoration: none;
}
값에 none
라고 넣어 확인하면 무사 밑줄이 사라졌습니다.
단순 내용입니다만 아이콘이 링크가 되어 있는 것을 실망하고 있었습니다, 거기에 검증을 잊기 쉬운 자신을 위해서도 비망록으로서 남겨 둡니다.
Reference
이 문제에 관하여(【Rails】 마음에 드는 (좋아요)의 하트 아이콘과 카운트 수 사이에 수수께끼의 밑줄, 지우는 방법 (메모)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/moru0606/items/623868e79b0d7224823b
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<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 %>
a{
text-decoration: none;
}
Reference
이 문제에 관하여(【Rails】 마음에 드는 (좋아요)의 하트 아이콘과 카운트 수 사이에 수수께끼의 밑줄, 지우는 방법 (메모)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/moru0606/items/623868e79b0d7224823b텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)